test

pour test

by DupontTD

HTML

<p>Quelle propriété permet faire un retrait du texte à l'intérieur du bloc</p>
<p class="test">Start Wars</p>
<section class="Q1">
  <form>
    Réponse : <input class="target" type="text" size="10">
  </form>
  <aside class="response success" style="display:none">Correct!</aside>

</section>

CSS

.success,
.success code {
  background: #e0f2f1;
  color: #00897b;
}

.test {
  border: 1px solid;
  display: inline-block;
  padding: 10px;
}

JavaScript

let target = document.querySelector('section.Q1 .target'),
  response = document.querySelector('section.Q1 .response');
target.addEventListener('keyup', (e) => {
  e.preventDefault();
  response.style.display = target.value === 'padding' ? 'block' : 'none';


});