45 lines
826 B
HTML
45 lines
826 B
HTML
|
<!DOCTYPE html>
|
||
|
|
|
||
|
|
<html lang="fr">
|
||
|
|
|
||
|
|
<!-- Début en-tête -->
|
||
|
|
<head>
|
||
|
|
|
||
|
|
<title>Evenements avec JS </title>
|
||
|
|
|
||
|
|
<meta charset="utf-8">
|
||
|
|
|
||
|
|
<script type="text/Javascript" defer="defer">
|
||
|
|
function chatouille(){
|
||
|
|
let chat = document.getElementById("chat");
|
||
|
|
chat.src = 'images/chat-touille.png';
|
||
|
|
}
|
||
|
|
|
||
|
|
//àcompléter avec une fonction chatpince
|
||
|
|
|
||
|
|
function chatbonjour(){
|
||
|
|
let chat = document.getElementById("chat");
|
||
|
|
chat.src = 'images/chat-bonjour.png';
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
|
||
|
|
</head>
|
||
|
|
<!-- Fin en-tête -->
|
||
|
|
|
||
|
|
<!-- Début corps -->
|
||
|
|
<body>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<!-- à compléter avec un gestionnaire d'événement click -->
|
||
|
|
<img src="images/chat-bonjour.png" alt="Bonjour" onmouseover="chatouille()" onmouseout="chatbonjour()" id="chat">
|
||
|
|
|
||
|
|
<p>
|
||
|
|
<a href="index.html">Retour à l'accueil</a>
|
||
|
|
</p>
|
||
|
|
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|