2013-03-22 98 views
0

我是新手編程,並試圖做一個簡單的計算器。編寫一些代碼後,我意識到我的JavaScript代碼沒有顯示在我的HTML頁面上。請告訴我發生了什麼事。JavaScript沒有顯示在HTML頁面

這裏是我的HTML代碼:

<!DOCTYPE html> 
<html> 
<head> 
    <title> 
     Simple GUI Calculator 
    </title> 
    <script src="Calculator.js"></script> 
</head> 
<body> 

</body> 
</html> 

這裏是我的JavaScript代碼:

strokeWeight(1); 

var x = 10; 
var y = 140; 
var xDiff = 113; 
var yDiff =70; 
var buttonSize = 40; 

fill(95, 95, 95); 
rect(1, 1, 398, 400); 

fill(255, 255, 255); 
rect(10, 10, 380, 100); 

fill(5, 4, 4); 

rect(x, y, buttonSize, buttonSize); 
rect(x + xDiff, y, buttonSize, buttonSize); 
rect(x + 2 * xDiff, y, buttonSize, buttonSize); 
rect(x + 3 * xDiff, y, buttonSize, buttonSize); 

rect(x, y + yDiff, buttonSize, buttonSize); 
rect(x + xDiff, y + yDiff, buttonSize, buttonSize); 
rect(x + 2 * xDiff, y + yDiff, buttonSize, buttonSize); 
rect(x + 3 * xDiff, y + yDiff, buttonSize, buttonSize); 

rect(x, y + 2 * yDiff, buttonSize, buttonSize); 
rect(x + xDiff, y + 2 * yDiff, buttonSize, buttonSize); 
rect(x + 2 * xDiff, y + 2 * yDiff, buttonSize, buttonSize); 
rect(x + 3 * xDiff, y + 2 * yDiff, buttonSize, buttonSize); 

rect(x, y + 3 * yDiff, buttonSize, buttonSize); 
rect(x + xDiff, y + 3 * yDiff, buttonSize, buttonSize); 
rect(x + 2 * xDiff, y + 3 * yDiff, buttonSize, buttonSize); 
rect(x + 2 * xDiff + 90, y + 3 * yDiff, buttonSize + 23, buttonSize); 
+0

你是什麼意思的「沒有顯示」像在你查看源代碼時不加載?或者它正在加載,但它被破壞了? – Zak 2013-03-22 23:45:17

+0

您所做的所有這些函數調用都不會執行任何操作,因爲它們不存在。你確定你沒有試圖使用畫布對象或其他類似的圖畫?這需要初始化,並在頁面上有一個''對象... – 2013-03-22 23:45:28

+0

你應該創建一個這個www.jsfiddle.net的jsFiddle – Dymond 2013-03-22 23:47:18

回答

0

您正在使用的功能本身不在JavaScript中。它們是HTML 5中畫布對象的JavaScript屬性和方法。您可以使用此鏈接來了解如何訪問畫布對象,並將代碼用作應用於您將創建的畫布對象的方法。 http://www.w3schools.com/html/html5_canvas.asp