Feat(NSI): fin du chapitre sur IHM web
All checks were successful
continuous-integration/drone/push Build is passing
All checks were successful
continuous-integration/drone/push Build is passing
This commit is contained in:
44
1NSI/08_Interaction_web/codes/projets/evenements2.html
Normal file
44
1NSI/08_Interaction_web/codes/projets/evenements2.html
Normal file
@@ -0,0 +1,44 @@
|
||||
<!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>
|
||||
Reference in New Issue
Block a user