Я хочу перейти с одной формы на другую на той же html-странице, как на странице викторины с ответом на вопрос

Question

Я хочу повторить мой код в js через список опций:

Опция = [ "1", "2", "3"]

3 формы, которые должны появиться: сначала со значением 1, затем, когда я отправляю его, должна появиться следующая форма со значением: 2

Answer 1

Вы можете использовать свойство innerHTML для div, который содержит форму, которую вы хотите обновить. Всякий раз, когда нажимается кнопка отправки вопроса, вызывайте функцию для увеличения счетчика. В зависимости от счетчика возьмите то, что вы хотите поместить в div. Например.

function updateForm() {
    let element = document.querySelector('.question');
    let htmlToAdd = '<form> ... </form>'
    element.innerHTML = htmlToAdd;
}

Лучшим подходом было бы использование массива объектов с каждым объектом, содержащим информацию о том, что должно быть добавлено в HTML.