Uncaught ReferenceError: (function) is not defined at HTMLButtonElement.onclick

Résolu/Fermé

Codeur_du_Dimanche Messages postés 2 Date d'inscription dimanche 20 octobre 2019 Statut Membre Dernière intervention 20 octobre 2019 - Modifié le 20 oct. 2019 à 12:05
jordane45 Messages postés 38346 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 16 décembre 2024 - 20 oct. 2019 à 18:25

Bonjour, j'ai un problème avec mon code html/js , j'ai un bouton qui doit activer une fonction :

<button id="startbut" onclick="move()" class="startbut">Start</button>
<script type="text/javascript">    
        function move(){console.log([starting]);}
</script>

Mais quand je clique sur le bouton j'ai un message d'erreur:
Uncaught ReferenceError: move is not defined at HTMLButtonElement.onclick

Configuration: Windows / Chrome 77.0.3865.120

A voir également:

Is not defined at htmlbuttonelement.onclick
Uncaught referenceerror: is not defined at htmlbuttonelement.onclick - Meilleures réponses
Htmlbuttonelement.onclick - Meilleures réponses
Uncaught syntaxerror: expected expression, got '<' ✓ - Forum Javascript
Uncaught mysqli_sql_exception: incorrect integer value: ✓ - Forum MySQL
Picasa referenceerror 'google' is undefined - Forum Logiciels
Uncaught referenceerror $ is not defined ✓ - Forum Javascript
Uncaught typeerror: cannot access offset of type string on string - Forum PHP

3 réponses

Réponse 1 / 3

jordane45 Messages postés 38346 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 16 décembre 2024 4 717
20 oct. 2019 à 15:32

Ton code est bourré d'erreurs....
Des accolades mal ouvertes/fermées
Du code html là où il ne faut pas (tu as oublié les balises head )
Des comparaisons dans tes if avec un seul égal (alors qu'il en faut deux (ou trois selon les besoins...))

Bref..
ceci devrait marcher

<!DOCTYPE html>
<html>
  <head>
  <title>Test Mouvement</title>
  <link rel="stylesheet" href="TestMouv.css">
  </head>
  <body>
  <button id="startbut" onclick="moveX()" class="startbut">Lancer la partie</button>
  <canvas id="canvas" class="canvas" width="1890" height="935">canvas</canvas>
  <p class="wintxt"></p>
  
<script type="text/javascript">      
function moveX(){   
  document.getElementById('startbut').style.display='none'
  document.getElementById('canvas').style.display='block'
  var canvas = document.getElementById('canvas');
  var point = canvas.getContext('2d');
  var x = 945
  var y = 440 
  point.fillStyle = 'black';
  point.arc(945, 440, 15, 0, 2 * Math.PI);
  point.fill();

  for (let pas = 0; pas < 1; pas++) { 

    var direction = [Math.floor(Math.random() * 4)];
    console.log(direction);

    if (direction == 0) {
      setTimeout(function(){
      console.log([right]);
      var x = (x)+10
      point.arc(x, y, 15, 0, 2 * Math.PI);}, 1000);
    }else if (direction = 1) {
      setTimeout(function(){
        console.log([top]);
        var y = (y)-10
        point.arc(x, y, 15, 0, 2 * Math.PI);
        }, 1000);
     }else if (direction == 2) {
        setTimeout(function(){
        console.log([left]);
        var x = (x)-10
        point.arc(x, y, 15, 0, 2 * Math.PI);}, 1000);
     }else{  
        setTimeout(function(){
          console.log([bottom]);
          var y = (y)+10
          point.arc(x, y, 15, 0, 2 * Math.PI);
          }, 1000);      
     }
    }
} 
</script>
 </body>  
</html>

Réponse 2 / 3

jordane45 Messages postés 38346 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 16 décembre 2024 4 717
20 oct. 2019 à 12:01

Bonjour
Il nous faudrait le code html complet de ta page

Codeur_du_Dimanche Messages postés 2 Date d'inscription dimanche 20 octobre 2019 Statut Membre Dernière intervention 20 octobre 2019
Modifié le 20 oct. 2019 à 15:25

<!DOCTYPE html>
<html>
 <title>Test Mouvement</title>
 <body>
  <button id="startbut" onclick="move()" class="startbut">Lancer la partie</button>
  <canvas id="canvas" class="canvas" width="1890" height="935">canvas</canvas>
  <p class="wintxt"></p>
  <link rel="stylesheet" href="TestMouv.css">
    <script type="text/[/javascript/jsintro.php3 javascript]">   
    
                 function move(){   
      document.getElementById('startbut').style.display='none'
      document.getElementById('canvas').style.display='block'
        var canvas = document.getElementById('canvas');
                    var point = canvas.getContext('2d');
     var x = 945
     var y = 440 
                        point.fillStyle = 'black';
      point.arc(945, 440, 15, 0, 2 * Math.PI);
                        point.fill();
            
     for (let pas = 0; pas < 1; pas++) { 
     
                        var direction = [Math.floor(Math.random() * 4)];
       console.log(direction);
              
                        if (direction = 0) {setTimeout(function() console.log([right]);
      var x = (x)+10
       point.arc(x, y, 15, 0, 2 * Math.PI);}, 1000);
      
                        if (direction = 1) {setTimeout(function() console.log([top]);
      var y = (y)-10
       point.arc(x, y, 15, 0, 2 * Math.PI);}, 1000);
       
                        if (direction = 2) {setTimeout(function() console.log([left]);
      var x = (x)-10
       point.arc(x, y, 15, 0, 2 * Math.PI);}, 1000);
      
                        else{       {setTimeout(function() console.log([bottom]);
      var y = (y)+10
       point.arc(x, y, 15, 0, 2 * Math.PI);}, 1000);      
              }}} 
       </script>
 </body>  
</html>

EDIT : Ajout du LANGAGE dans les balises de code pour avoir la coloration syntaxique et l'indentation du code.

Discussions similaires

Javascript : mes fonctions "is not defined"

Uncaught ReferenceError: 'maFonction' is not defined

onclick sur php

j ai cette erreur Uncaught ReferenceError: jQuery is not defined

ActiveXObject is not defined

function mafonction et $('body').on('click', function() {