1
votes

Comment faire pour que mon bouton HTML appelle mon Javascript?

Je travaille donc depuis longtemps sur des recherches sur la manière de résoudre ce problème, mais rien ne fonctionne. Mon problème est que j'essaie de créer un bouton en HTML et de l'utiliser pour appeler ma fonction dans mon javascript, mais à chaque fois que j'obtiens une erreur ou que rien ne se passe.

c'est le code que j'ai essayé

HTML:

    onEvent("test1", "click", function( ) {
      console.log("message");
    });


    console.log ("test");

Javascript:

      <script type="text/javascript" src="script.js">



      </script>
      <button onclick= "test1"> test</button>
    </html>

javascript html button

7 commentaires

test1 est une fonction?

Eh bien, j'essaye juste de faire fonctionner le bouton maintenant

Ce code n'a pas beaucoup de sens. Au clic, vous essayez d'exécuter test1 qui vaut ... zéro? Ensuite, onEvent n'est pas défini (ce n'est pas une fonction Javascript native). Vérifiez votre console, que dit-il?

Cela pourrait vous aider developer.mozilla.org/en-US/ docs / Web / API / MouseEvent / bouton

... et aussi ceci: événement de clic

Votre attribut onclick doit faire référence à une variable de type fonction. Et vérifiez comment les gestionnaires d'événements fonctionnent avec le lien que @Jeremu Thille vous donne.

Pourquoi cela devrait-il fonctionner? Il n'y a pas de test1 défini

3 Réponses :

1
votes

vous pouvez le faire de plusieurs façons:

La solution la plus évidente sera d'écrire un attribut onclick dans votre élément button.

<button id="button">Button</button>

ou une autre méthode consiste à ajouter un écouteur d'événements au bouton

document.getElementById("button").addEventListener("click", function() {
  alert("Button Clicked");
});

<button onclick="FunctionCall()">Click me</button>

Vérifiez également que le lien jsfiddle fonctionne: https://jsfiddle.net/tkfbg0dw/ 4 /

faites-moi savoir si vous avez besoin d'aide. Merci

1 commentaires

StackOverflow a également des extraits de code intégrés, que j'ai pris la liberté de faire avec votre code

1
votes

Essayez ceci:

<button onclick="testFunction()">Click here</button>

function testFunction(){
  console.log('Hello World')
}

1 commentaires

Cela a beaucoup aidé. Merci!

3
votes

Vous pouvez utiliser un attribut onclick avec une fonction:

<button id="button"> test</button>

var button = document.getElementById('button');
button.addEventListener('click', function () {
console.log('message');
});

Ou ajoutez dynamiquement un écouteur d'événement:

<button onclick= "test1()"> test</button>

function test1() {
  console.log('message');
}

0 commentaires