Для функции просто заканчивается прямо в java-скрипте
Я только начал кодировать html и java скрипт, и у меня проблема с этим кодом ниже, и я не знаю, почему он просто пишет текст с последним номером, который установлен для, пожалуйста, помогите мне ...
function func() {
var a;
for (var j = 1; j <= 6; j++) {
a = "text";
a += j;
document.getElementById("page").innerHTML = document.getElementById(a).value + " ";
}
}<input type = "text" id = "text1">
<input type = "text" id = "text2">
<input type = "text" id = "text3">
<input type = "text" id = "text4">
<input type = "text" id = "text5">
<input type = "text" id = "text6">
<input type = "button" id = "startbutton" value = "tap" onclick = "func()">
<br>
<p id = "page"> </p>
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
0
78
2
Перейти к ответу
Данный вопрос помечен как решенный
Ответы 2
Ответ принят как подходящий
Проблема заключалась в том, что вы не добавляли HTML. Вы должны использовать += для добавления к существующему string.
Кроме того, при каждом извлечении элемента и добавлении html возникает проблема с производительностью. Лучше сохранить / обновить значения в переменной и в конце установить значение innerHTML.
Кроме того, вам следует избегать создания дополнительной переменной a для извлечения id. Вы можете просто сделать то же самое, что показано ниже.
function func() {
var html = "";
for (var j = 1; j <= 6; j++) {
html += document.getElementById("text" + j).value + " ";
}
document.getElementById("page").innerHTML = html;
}<input type = "text" id = "text1">
<input type = "text" id = "text2">
<input type = "text" id = "text3">
<input type = "text" id = "text4">
<input type = "text" id = "text5">
<input type = "text" id = "text6">
<input type = "button" id = "startbutton" value = "tap" onclick = "func()">
<br>
<p id = "page"> </p>Используйте установку innerHtml вне цикла!
function func() {
var text = '';
for (var j = 1; j <= 6; j++) {
var a = "text" + j;
text += document.getElementById(a).value + " ";
}
document.getElementById("page").innerHTML = text
}<input type = "text" id = "text1">
<input type = "text" id = "text2">
<input type = "text" id = "text3">
<input type = "text" id = "text4">
<input type = "text" id = "text5">
<input type = "text" id = "text6">
<input type = "button" id = "startbutton" value = "tap" onclick = "func()">
<br>
<p id = "page"> </p>Другие вопросы по теме
Как я могу загрузить несколько файлов с помощью PHP без счетчика?
Data-ng-repeat отмечен как комментарий
Отображение на другой странице одного элемента из списка в Ionic 3
Классы в теге li остаются разделенными при использовании JSTL
При отправке - страница для обновления до определенного места на веб-странице?
Дочерние элементы flexbox ведут себя иначе
Выровнять элементы, обернутые гибкой оболочкой, по нижней части контейнера?
Перевод Python Bbcode в HTML
Html5 отправка веб-камеры за последние 5 секунд
Когда я скрываю div, он подталкивает div под ним вверх
Похожие вопросы
Как сделать запрос ajax при нажатии страницы подменю?
Data-ng-repeat отмечен как комментарий
Флажок Handle в приложении React
Node.js - воссоздание navigator.onLine
Вставить текст объемной ссылки диапазона с помощью javascript
JS Gravity Forms удаляется при ошибке отправки AJAX
Как добавить кнопку в маркер включения / выключения на карте Leaflet?
При отправке - страница для обновления до определенного места на веб-странице?
Контроллер Angularjs Material $ mdDialog не работает на определенных компьютерах
Подключение Axios внутри вычисляемого
@MohammadErfan - Рад помочь вам :)