JS函数输出到HTML输入元素

Question

如何将JS函数的输出返回到HTML输入元素。

像这样的表格。

现在单击运行-脚本，我执行简单的脚本

<button type="submit" class="btn btn-success form-control" onclick="$('#output').toggle();"  onclick="Task_1(document.getElementById('word').value,document.getElementById('repeat').value)">Run script</button>

function Task_1(word, repeat_number) {
  console.log("------------------------------------");
  var Output = "";
  for (var i = 0; i < repeat_number; i++) {
     Output = Output + word;
  }
 console.log(Output);
 return Output;
}

该脚本的输出应显示在其他输入框中

我尝试过

document.getElementById("output").innerHTML = Output.toString();

完整：JS FIDDLE - Task#1

也：如果我旋转两条注释行

<link rel="stylesheet" ...
<script src="h ...

它给了我很好的输出，但是模态窗口不起作用。唯一的区别是版本4.1.2和3.3.7如何绕过它。

  

注意：正在学习教程的学习者。指点我开始，所以我   不会走错方向。

Answer 1

问题出在您的提交按钮上。

您有：

<button type="submit" class="btn btn-success form-control" onclick="$('#output').toggle();"  onclick="Task_1(document.getElementById('word').value,document.getElementById('repeat').value)">Run script</button>

请注意，按钮内有两个onclick属性。仅执行第一个。要在每次单击上执行多个JavaScript语句，您需要一个onclick属性，且该语句之间用半冒号分隔。

<button type="submit" class="btn btn-success form-control" onclick="$('#output').toggle(); Task_1(document.getElementById('word').value,document.getElementById('repeat').value)">Run script</button>

您可能想考虑在JavaScript代码而不是HTML中附加事件处理程序。通常认为这是最佳做法。