Как я сказал, я вынес шаблон в новую компоненту и в ней создал Стейт, в map я вызываю эту компоненту

Всем привет! Нужна подсказка! Может кто-то делал опросник типа quiz. Не получается реализовать переход от вопроса к вопросу в зависимости от ответа на предшествующий вопрос.
Исходные данные: Есть не менее 5 блоков  div в каждом из которых Вопрос и несколько чекбоксов с вариантами ответов. Все divы скрыты кроме начального и по кнопке Далее показывается следующий блок. Если пользователь выбирает первый чекбокс  в первом блоке, то по кнопке далее мы переходим не на второй блок а на третий  или другой в зависимости от ответа. И если нажмем кнопку назад то и вернуться должны туда откуда ответили. Вопросы и чекбосы заверстаны в html.
Вчера подсказали через data атрибуты сделать. Я попробывал и не получается вернуться со следующего вопроса назад к предидущему так как там дата атрибуты выставлены на другой вопрос.

👍 Ну супер

Это как бы самое простое что может быть. Просто по условию if else скрывай или показывай нужный блок. В чем сам вопрос? Что не получается?

Ну вот пример:
Показываю блок текущего currentTab = 0
showTabQuiz(currentTab); // Display the current tab

function showTabQuiz(currentTab) {

       for (var i = 0; i < $quizTab.length; i++) {
           if (i === currentTab) {
               $quizTab[i].classList.add('tab-column');
               //nextTab = +$quizTab[i].dataset.next;
               //prevTab = +$quizTab[i].dataset.prev;
           } else {
               $quizTab[i].classList.remove('tab-column');
           }
       }      

       currentTab === 0 ? $quizPrevBtn.hide() : $quizPrevBtn.show();
       currentTab === ($quizTab.length - 1) ? $quizResultBtn.hide() : $quizResultBtn.show();
       currentTab === ($quizTab.length - 1) ? $quizNextBtn.text('Получить результат сейчас') : $quizNextBtn.text('Дальше');
   }
ну и кнопки Назад Показать результат и Далее

Скинь пример вопроса в html

<script>
       let age = 17;

       if (age >= 18) {
           let adult = true;
       } else {
           let adult = false;
       }

       console.log(adult);
   </script>  как сделать чтоб код работал ?       <script>
       let age = 19;
       let adult;

       if (age >= 18) {
           let adult = true;
       } else {
           let adult = false;
       }

       console.log(adult);
   </script>  так пойдет  или нет?

<div class="quiz-tab">
<h3>Какой тип путешествия вам больше подходит?</h3>
<span class="check"></span>
<input type="checkbox" id="quiz-form-typehikes1" data-next="2" data-prev="0">
<input type="checkbox" id="quiz-form-typehikes2" data-next="3" data-prev="0">
<input type="checkbox" id="quiz-form-typehikes3" data-next="3" data-prev="0">
</div>
<div class="quiz-tab">
<h3>Выберите тип выбранного типа путешествия</h3>
<span class="check"></span>
<input type="checkbox" id="quiz-form-typehikesOther" data-next="3" data-prev="0">
</div>

age >= 18 ? adult = true : adult = false;  Я бы так написал....

let age = 19;
let adult = false;
if (age >= 18)  adult = true; или вообще так

Привет, можно ли как-то через npm обновить все пакеты из package.json одной командой?
Не обязательно до последней версии, просто чтобы друг с другом не конфликтовали. Или это фантастика? 😁

Скинь свой код в песочницу. Я поправлю код. Что бы не терять время

ок

npm update

Автор приведенного ниже кода хотел выполнить проверку возраста на достижение 18 лет.

Автор приведенного ниже кода хотел выполнить проверку возраста на достижение 18 лет.

Код, однако, при любом значение возраста выводит в консоль значение undefined. Исправьте ошибку автора кода.

Вот проблемный код:
let age = 17;
let adult;

if (age >= 18) {
 let adult = true;
} else {
 let adult = false;
}

console.log(adult);

<script>
       let age = 19;
       let adult = false;
       if (age >= 18)  adult = true

       console.log(adult);
   </script>  пойдет?

а давай ты в нубс пойдешь ?

ок

Обрати внимание на let