par anonyme 31-Mai-2022

Comment faire pour changer une image lorsqu'on clique sur un bouton HTML ?

1 Réponse

par Antoine 31-Mai-2022

Pour changer une image lorsqu'on clique sur un bouton HTML, vous pouvez utiliser la propriété JavaScript src.

Il suffit d'identifier la balise image, avec un ID par exemple. puis de modifier sa valeur src.

Dans l'exemple ci-dessous on crée un fonction JavaScript qui est exécutée lorsqu'on clique sur un bouton.

<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>Comment changer une image via un bouton HTML ?</title>
</head>  
<body>
<img src="https://www.1formatik.fr/os.jpg" alt="image" id="monImage">
<br>
<button onclick="changerImage();">Changer l'image</button>
<script>
function changerImage(){
document.getElementById('monImage').src="https://www.1formatik.fr/images/pub/memoire-vive.jpg";
}
</script>
</body>
</html>
Bienvenue sur 1FORMATIK, où vous pouvez poser des questions en lien avec l'informatique et internet, et recevoir des réponses d'Antoine et d'autres internautes.

2.6k questions

3k réponses

...