8: Exercice-1: cacher / montrer une image

Dans les pages suivantes vous allez écrire un petit programme permettant de cacher et montrer une image.

Écrivez exo-1.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8"> 
		<title>exo-1</title>
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
		<script src="exo-1.js"></script>
	</head>
	<body>
		<p><input type="button" value="cacher"/></p>
		<p><img src="https://moodle.iutv.univ-paris13.fr/img/js/tux.png" alt="tux"/></p>
	</body>
</html>

Écrivez exo-1.js

$(document).ready(function()
{
     console.log("Le document est prêt");
});

Vérifiez que tout marche bien: Vérifiez que "Le document est prêt" est affiché dans la console

exo-1