Вывод функции JS в элемент ввода HTML

Question

Как мне вернуть выходные данные функции JS в мой элемент ввода HTML.

Форма как эта.

Сейчаспо моему щелчку Run - Script я выполняю простой скрипт

<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 - Задание № 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.Обычно это считается наилучшей практикой.