簡單的JavaScript程序不工作

-1

所以我是JavaScript新手，我只寫了一個簡單的程序;然而，我不確定它爲什麼不起作用。我已經在下面顯示了HTML和Javascript代碼。簡單的JavaScript程序不工作

HTML：

<!DOCTYPE html> 
<html> 
    <head> 
     <meta charset="utf-8"> 
    </head> 
    <body> 
     <h1>Rectangular Prism Calculator</h1> 
     <h2 id="hLength">Length: N/A</h2> 
     <h2 id="hWidth">Width: N/A</h2> 
     <h2 id="hDepth">Depth: N/A</h2> 
     <h2 id="hSurfaceArea">Surface Area: N/A</h2> 
     <h2 id="hVolume">Volume: N/A</h2> 
     <script src="main.js"></script> 
    </body> 
</html>

的JavaScript：

var length; 
var width; 
var depth; 

length = 20; 
width = 10; 
depth = 15; 

// Write length to document 
var wLength = document.getElementbyId('hLength'); 
wLength.textContent = "Length: " + length; 

// Write width to document 
var wWidth = document.getElementbyId('hWidth'); 
wWidth.textContent = "Width: " + width; 

// Write depth to document 
var wDepth = document.getElementbyId('hDepth'); 
wDepth.textContent = "Depth: " + depth; 

// Calculate surface area 
var calculateSurfaceArea = function(l, w, d) { 
    var surfaceArea = 2*l*d + 2*l*w + 2*w*d; 
    return surfaceArea; 
} 

// Write surface area to document 
var wSurfaceArea = document.getElementById('hSurfaceArea'); 
wSurfaceArea.textContent = "Surface Area: " + calculateSurfaceArea(length, width, depth); 

// Calculate volume 
var calculateVolume = function(l, w, d) { 
    var volume = l*w*d; 
    return volume; 
} 

// Write volume to document 
var wVolume = document.getElementById('hVolume'); 
wVolume.textContent = "Volume: " + calculateVolume(length, width, depth);

只是爲了驗證，我已經確定了HTML文檔的名稱是 '的index.html' 和JavaScript文件被命名爲' main.js'

非常感謝， Malleekk

來源

2014-10-01 Michael Malek

'getElementbyId'不正確套管更換，更改爲'的getElementById ' - JS區分大小寫 – 2014-10-01 11:44:58

@AlexK。我正要說XD無論如何，投票結束爲錯字。 – 2014-10-01 11:45:27

ÿ OU有一個錯字在你的代碼：

getElementbyId

應該是：

getElementById

Working Demo of your corrected code

你應該學會how to debug your Javascript code。在Chrome中使用Firefox/Developer Tools中的Firebug。

來源

2014-10-01 11:45:29

@NiettheDarkAbsol笏，這是一個正確的awnser不是嗎？ – Azrael 2014-10-01 11:47:07

乾杯，它的工作。 – 2014-10-01 11:47:27

有沒有一個downvote的原因呢？人們正在試圖幫助，而你正在懲罰他們，而不是OP ......我只是看不到任何邏輯。 +1對我來說都是答案。 – Shomz 2014-10-01 11:47:42

JavaScript是大小寫敏感的，通常的功能名稱有駱駝的風格，所以這是錯誤的：

... document.getElementbyId ...

與

... document.getElementById ...

來源

2014-10-01 11:45:35

我已經低估了你的答案，因爲雖然正確，但我希望阻止回答「打字錯誤」問題的做法 - 專門爲此提供了一個Closevote原因。 – 2014-10-01 11:46:32

Ok Niet，感謝您的反饋，我不知道。 – 2014-10-01 11:49:33

簡單的JavaScript程序不工作

回答

相關問題