test

pour test

by DupontTD

HTML

<p>Quelle valeur de l'attribut DISPLAY permet de reduire l'encadremment à la taille du texte StartWars</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 === 'inline-block' ? 'block' : 'none';
 
  
});