Introduction au JavaScript

Le HTML et le CSS, c’est sympa mais ça manque un peu d’interaction. Plongez dans JavaScript pour changer tout ça !

Durée 30 minutes

Difficulté ★ ★ ☆

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';
	});