从用户输入生成代码

Question

我正在尝试使用用户添加的输入创建一个简单的代码生成器。

它会是这样的：

“预定义代码”+ UserInput1 +“预定义代码”+“UserInput2”

我假设我需要为UserInput分配变量，这些变量将根据它在文本框中的内容而改变。

我还需要一个能够在按下文本区域中的按钮时显示输出的功能

但是由于我是一个非常开始的JavaScript，我缺乏撰写它的技能。

提前感谢您的帮助！

Answer 1

尝试以下代码

<强> DEMO

<input type="text" id="a">
<input type="text" id="b">
<div id="result"></div>
<input type="button" value="See Code" onclick="magicCode();">


function magicCode() {
    document.getElementById("result").innerHTML = "Hello " + document.getElementById("a").value + " Welcome " + document.getElementById("b").value;
}