kann JavaScript nicht mit HTML verknüpfen

-3

was ist falsch mit diesem Code. CSS-Datei ist ok (ich habe javascript.js in derselben Datei auf index.htmlkann JavaScript nicht mit HTML verknüpfen

Dateien:

index.html 
javascript.js 
    css 
     style.css

index.html:

<!doctpye html> 
<html> 
<head> 
<meta charset="utf-8"/> 
<title> Simple</title> 
<link rel="stylesheet" type="text/css" href="css/style.css"/> 

</head> 
<body> 
<h1>My Web Page</h1> 

<p id="demo">A Paragraph</p> 

<button type="button" onclick="myFunction()">Try it</button> 



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

</body> 
</html>

javascript.js

function myFunction() { 
document.getElementById("demo").innerHTML = "Paragraph changed.";

css:

#demo{color:red;}

Quelle

2016-03-24 W. Hold

Sie haben nicht geschlossen '}' in der ' myFuncti on' – llamerr

Sie sollten lernen, die Entwicklertools Ihres Browsers zu verwenden. Sie hätten einen Fehler in der Konsole gefunden. –

LOL ja du hast Recht .. ich verbringe 15 Minuten um Problem zu finden -.- (im neu auf js haha) –

Sie haben vergessen, die geschweiften Klammern in Ihrer Funktion

auch zu schließen, Sie falsch <!DOCTYPE html> eingegeben haben.

Fix:

index.html

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"/> 
<title> Simple</title> 
<link rel="stylesheet" type="text/css" href="css/style.css"/> 

</head> 
<body> 
<h1>My Web Page</h1> 

<p id="demo">A Paragraph</p> 

<button type="button" onclick="myFunction()">Try it</button> 



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

</body> 
</html>

javascript.js

function myFunction() { 
    document.getElementById("demo").innerHTML = "Paragraph changed."; 
}

CSS

#demo{color:red;}

Quelle

2016-03-24 19:00:11 AnnoyingDog87

kann JavaScript nicht mit HTML verknüpfen

Antwort

Verwandte Themen