Une interaction en JavaScript
Le langage JavaScript permet d’augmenter le potentiel interactif du HTML et du CSS.
En terme d’interactions, le HTML permet de créer des liens hypertexte avec la balise <a href= » »></a> et le CSS de créer des effets de survol avec la pseudo classe :hover
Mais c’est tout !
Comment faire si l’on veut rendre cliquable n’importe quelle balise ?
<h1>Ce texte est bleu</h1>
document.querySelector('h1').addEventListener('click', (e) => {
document.querySelector('h1').style.color = 'green';
document.querySelector('h1').innerHTML = 'Ce texte est vert';
});