Javascript funktioniert nicht in HTML

Entschuldigung, wenn das schon einmal gefragt wurde, aber ich konnte nichts finden. Ich lerne Javascript im Free Code Camp zu programmieren. Wenn ich versuche, ihren Code für mich selbst zu verwenden ...Javascript funktioniert nicht in HTML

<!DOCTYPE html> 


<html lang="en"> 
<head> 
<meta charset="UTF-8"> 
    <title>Document</title> 
</head> 
<body> 
    <script> 
    $(document).ready(function() { 
$("#getMessage").on("click", function(){ 
    // Only change code below this line. 
    $(".message").html("Here is the message"); 
    // Only change code above this line. 
    }); 
    }); 
</script> 


<div class="container-fluid"> 
    <div class = "row text-center"> 
    <h2>Cat Photo Finder</h2> 
    </div> 
    <div class = "row text-center"> 
    <div class = "col-xs-12 well message"> 
     The message will go here 
    </div> 
    </div> 
    <div class = "row text-center"> 
    <div class = "col-xs-12"> 
     <button id = "getMessage" class = "btn btn-primary"> 
     Get Message 
     </button> 
    </div> 
    </div> 
</div> 

</body> 
</html>

Es funktioniert nicht wie es sollte. Es sollte den Text ändern, wenn die Taste gedrückt wird, aber nicht. Was ist los?

Quelle

2017-03-23 Hobgoblin8

Sie verwenden jquery aber du bist es nicht, die Quelle zu importieren – Jorius

Ich nehme an, Sie Jquery verwenden, aber fehlt den Import ...

Platz dieses in Kopf

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

Quelle

2017-03-23 22:10:04 malejpavouk

Es ist nicht, wie es sollte nicht funktioniert. Es sollte den Text ändern, wenn die Taste gedrückt ist, aber es tut es nicht. Was ist los?

Sie importieren müssen:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

Beispiel:

<head> 
<meta charset="UTF-8"> 
    <title>Document</title> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
</head>

Quelle

2017-03-23 22:10:24

Auch dies vor der ersten Verwendung von jQuery gehen sollten beachten, –

Sie haben verwendet jQuery, aber Sie sollten jquery hinzufügen, bevor es mit:

<!DOCTYPE html> 
<html> 
<head> 
    <title>your page</title> 
    <!-- import jquery --> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> 
    <!-- import jquery --> 
</head> 
<body> 
    <!-- your code --> 
    <!-- your code --> 
</body> 
</html>

Quelle

2017-03-23 22:12:21

es sieht so aus, als ob du Bo benutzt ots und JQ - importieren Sie sie einfach in Ihren Code (:

Quelle

2017-03-23 22:12:35

Dies sollte funktionieren. Ich habe es auf meinem Computer getestet.

<!DOCTYPE html> 
    <html lang="en"> 
    <head> 
     <meta charset="UTF-8"> 
     <title>Document</title> 
    </head> 
    <body> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> 
    <script> 
    $(document).ready(function() { 
     $("#getMessage").on("click", function(){ 
     // Only change code below this line. 
     $(".message").html("Here is the message"); 
     // Only change code above this line. 
     }); 
    }); 
    </script> 


    <div class="container-fluid"> 
     <div class = "row text-center"> 
     <h2>Cat Photo Finder</h2> 
     </div> 
     <div class = "row text-center"> 
     <div class = "col-xs-12 well message"> 
     The message will go here 
     </div> 
     </div> 
     <div class = "row text-center"> 
     <div class = "col-xs-12"> 
      <button id = "getMessage" class = "btn btn-primary"> 
      Get Message 
      </button> 
     </div> 
     </div> 
    </div> 
    </body> 
</html>

Quelle

2017-03-23 22:21:11

Javascript funktioniert nicht in HTML

Antwort

Verwandte Themen