#javascript #html #loops
#javascript #HTML #циклы
Вопрос:
document.getElementById("output1").innerHTML = totalDistance ", " hours ":" minutes ", $" cost; this is taking all of the different parts of the input and putting it together to make the output
По сути, проблема, с которой я сталкиваюсь, заключается в попытке зациклить это так, чтобы оно повторялось 5 раз в зависимости от пользовательского ввода. Я хочу, чтобы пользователь мог вводить новые значения и нажимать кнопку, а вывод переходить к следующей строке «output1». В настоящее время каждый раз, когда пользователь вводит новый набор из 5 чисел и нажимает кнопку, числа, которые присутствовали ранее в «output1», исчезают. Любая помощь была бы признательна за то, чтобы выполнить цикл 5 раз. Спасибо.
Ответ №1:
Это потому, что вы перезаписываете вывод innerhtml каждый раз, когда запускаете свою функцию.
Замените последнюю строку в вашей функции на append вместо:
document.getElementById("output1").innerHTML = totalDistance ", " hours ":" minutes ", $" cost '<br>';
Комментарии:
1. Хорошо, я это сделал, но он собрал все вещи вместе, должен ли я вставить <br> где-нибудь, чтобы этого не происходило?
2.
<br>Тег означает новую строку. Если вы не поместите это в конец, все будет записано вместе в одной строке.3. Привет @user14664932 Я рад, что это сработало для вас, и если этот или любой другой ответ решил ваш вопрос, пожалуйста, подумайте о том, чтобы принять его , установив флажок. Это указывает более широкому сообществу, что вы нашли решение, и дает некоторую репутацию как ответчику, так и вам. Нет никаких обязательств делать это.