Javascript nicht funktioniert Visual Studio

-1

Mein aktueller Code ist:Javascript nicht funktioniert Visual Studio

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8" /> 
    <title>App1</title> 
    <link href="css/default.css" rel="stylesheet" /> 
</head> 
<body> 
    <p id="test">Content goes here!</p> 
    <button onclick="myFunction()">Try it</button> 
    <script> 
     function myFunction() { 
      document.getElementById("test").innerHTML = "Working"; 
     } 
    </script> 
</body> 
</html>

Wenn ich Visual Studio 2017 debuggen auf der html funktioniert gut. Picture of code execution

Durch Klicken auf die Schaltfläche wird jedoch nichts unternommen. Keine Fehlermeldungen, nichts passiert. Wenn ich den Code in ein Textdokument kopiere und einfüge, formatiere es als HTML und teste das in Chrome, alles funktioniert gut. Irgendeine Idee, warum das passiert?

Edit: Es wurde als Blank JavaScript App gemacht, ob das etwas ändert

Quelle

2017-06-12 Bill King

keine Fehler in der Entwickler-Konsole? Bist du sicher? – doutriforce

Wenn Sie es in Visual Studio ausführen, klicken Sie mit der rechten Maustaste auf die Seite, und wählen Sie Quelle anzeigen. Siehst du etwas Seltsames? Es scheint, als würde hier etwas fehlen. – Santi

Können Sie versuchen, type = text/javascript hinzuzufügen. Könnte funktionieren. –

Ich kann nicht sagen, warum das der Fall wäre. Es gibt nichts in Ihrem Code, das auf ein Problem hinweist, außer dass die in Ihrem Browser geöffnete Datei NICHT die Datei ist, die Sie in Visual Studio bearbeiten.

Stellen Sie sicher, dass Sie in Visual Studio mit der rechten Maustaste auf den Quellcode klicken und die Seite in einem Browser ausführen.

Ich kann sagen, dass Sie keine Inline-HTML-Ereignisattribute verwenden sollten (onclick, etc.), here's warum.

Versuchen Sie Ihren Code moderne, standardbasierte Code wie folgt zu verwenden Neuformatierung:

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
    <meta charset="utf-8" /> 
 
    <title>App1</title> 
 
    <link href="css/default.css" rel="stylesheet" /> 
 
</head> 
 
<body> 
 
    <p id="test">Content goes here!</p> 
 
    <button id="btn">Try it</button> 
 
    <script> 
 
     // Get DOM references 
 
     var p = document.getElementById("test"); 
 
     var btn = document.getElementById("btn"); 
 
    
 
     btn.addEventListener("click", myFunction); 
 
    
 
     function myFunction() { 
 
      p.innerHTML = "Working"; 
 
     } 
 
    </script> 
 
</body> 
 
</html>

Quelle

2017-06-12 18:15:04

Javascript nicht funktioniert Visual Studio

Antwort

Verwandte Themen