javascript - 从用户输入生成代码

Question

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

它会是这样的：

“预定义代码” + 用户输入 1 + “预定义代码” + “用户输入 2”

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

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

但我缺乏编写它的技能，因为我是 JavaScript 的起步者。

预先感谢您的帮助！

Answer 1

试试下面的代码

演示

<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;
}