JSFiddle - React, Tailwind, and code Playground

HTML

<div class="questions">

  <div class="question q1">
    Fråga 1
    <input type="text" data-answer="paris" />
  </div>

  <div class="question q2 hidden">
    Fråga 2
    <input type="text" data-answer="test" />
  </div>

  <div class="question q3 hidden">
    Fråga 3
    <input type="text" />
  </div>

</div>

CSS

.hidden {
  display: none;
}

JavaScript

$('.questions').on('keydown', ':input', function(event) {
	if(event.keyCode == 13 && this.value == $(this).data('answer')) {
		$(this).closest('.question').addClass('hidden')
           .nextAll('.question').first().removeClass('hidden').find(':input').focus();
  }
});