2016-03-24 14 views
-3

.html ile html arasındaki bağlantıyı kaldırmak için bu kodun neyle yanlış olduğunu

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."; 
(i index.html de

dosyaları aynı dosyada javascript.js Öke sahip css dosyası olan

css:

#demo{color:red;} 
+1

sen '}' kapalı değil senin ' myFuncti on' – llamerr

+0

Tarayıcınızın geliştirici araçlarını kullanmayı öğrenmelisiniz, konsolunuzdaki sorunla ilgili bir hata bulursunuz. –

+0

LOL evet haklısın. Problemi bulmak için 15 dakika harcıyorum. (Js haha'da yeni) –

cevap

0

Sen yanlış <!DOCTYPE html> yazdığınız,

Ayrıca işlevinde küme parantezi kapatmayı unutmuştu.

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;} 
İlgili konular