Changer la valeur d'un bouton au clic en JavaScript

[Résolu/Fermé]
Signaler
Messages postés
2
Date d'inscription
lundi 16 octobre 2017
Statut
Membre
Dernière intervention
16 octobre 2017
-
Messages postés
2
Date d'inscription
lundi 16 octobre 2017
Statut
Membre
Dernière intervention
16 octobre 2017
-
Hey tout le monde!
Nouveau dans le monde du web j'ai quelques difficultés avec js du coup je fais appel à vous.
J'ai besoin de changer la valeur d'un bouton après avoir cliqué dessus "voir plus" "voir moins" voilà
un résumé de mon code


<!DOCTYPE html>
<html>
<head>
<script>
document.addEventListener('DOMContentLoaded', function()
{
var button = document.getElementById('bouton');
var appears = document.querySelector('.test');

button.addEventListener('click', function(onClickButton)
{
appears.classList.toggle('hide');
if(appears=='hide')
{
button.innerHTML = "voir plus";
}
else
{
button.innerHTML = "voir moins";
}
});
});
</script>
<style>
.hide
{
display: none
}
</style>
<title>test2</title>
</head>
<body>
<div>
<img src="img1.png">
<img class="test hide" src="img2.png">
</div>

<button id="bouton"> voir plus</button>

</body>
</html>

Quelqu'un peut m'expliquer s'il vous plaît merciiiiiiiiiiiii !!!!

1 réponse

Messages postés
2
Date d'inscription
lundi 16 octobre 2017
Statut
Membre
Dernière intervention
16 octobre 2017

C'EST GOOD


<!DOCTYPE html>
<html>
<head>
<script>
document.addEventListener('DOMContentLoaded', function()
{
var button = document.getElementById('bouton');
var appears = document.querySelector('.test');
var bool =1;
button.addEventListener('click', function(onClickButton)
{
appears.classList.toggle('hide');
if(bool=== 0)
{
button.innerHTML = "voir plus";
bool=1;
}
else
{
button.innerHTML = "voir moins";
bool = 0;
}
});
});
</script>
<style>
.hide
{
display: none
}
</style>
<title>test2</title>
</head>
<body>
<div>
<img src="img1.png">
<img class="test hide" src="img2.png">
</div>

<button id="bouton"> voir plus</button>

</body>
</html>