Les événements ne fonctionnaient pas correctement en Javascript

J'ai créé un script d'événement simple, qui change l'image quand on clique sur le bouton. Mais malheureusement, ne change pas, s'il vous plaît Aidez !! Merci d'avance. Erreur: Je ne reçois aucun message d'erreur, mais il ne change pas l'image.Les événements ne fonctionnaient pas correctement en Javascript

<html> 
<head> 
    <title>Events Practise</title> 
    <style> 
    #imtest{ 
    width:100px; 
    height:150px; 
    } 
    </style> 
</head> 
<body> 
    <h4> This a practise page of Events and event handlers </h4> 
    <p> Hi this the practise page that changes the Html and Css contents in the page by Using the JavaScript </p> 
    <img id="imtest" src="marni.jpg" alt="Image corrupted"> 
    <button onclick="eventtest()">Change Image</button> 
    <script> 
     function eventtest() 
     { 
       var imt = document.getElementById("imtest"); 
       imt.onclick = change; 
     } 
     function change() 
     { 
      var imtchng = document.getElementById("imtest"); 
      imtchng.src = "marni1.png"; 
     } 

    </script> 
</body>

Source

2017-08-06 Satish Marni

I created a simple event script , which changes the image when clicked on the button

Non, vous avez créé un script qui est défini un gestionnaire de clic sur l'image lorsque le bouton est cliqué et après que lorsque l'image est modifié, il changera.

Si vous souhaitez changer directement l'image en cliquant simplement sur le gestionnaire de clic.

Source

2017-08-06 10:22:49 Ramanlfc

Nous vous remercions de votre clarification !! Maintenant j'ai compris où j'ai commis erreur :-) –

@SatishMarni si cela a aidé, s'il vous plaît accepter la réponse – Ramanlfc

J'ai déjà accepté, mais il montre que "je n'ai pas 15 points de réputation, donc les votes sont enregistrés" quelque chose comme ça! ! :-) –

Dans la ligne imt.onclick = change, vous oubliez les parenthèses après le change. Remplacez-le par change()

Source

2017-08-06 11:40:15

<script> 
     function eventtest() 
     { 
change(); 
     } 
     function change() 
     { 
      var imtchng = document.getElementById("imtest"); 
      imtchng.src = "marni1.png"; 
     } 

    </script> 

or 

    <button onclick="change()">Change Image</button>

Source

2017-08-08 16:30:25 Sundar

Les événements ne fonctionnaient pas correctement en Javascript

Répondre

Questions connexes