我是新手編程,並試圖做一個簡單的計算器。編寫一些代碼後,我意識到我的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);
你是什麼意思的「沒有顯示」像在你查看源代碼時不加載?或者它正在加載,但它被破壞了? – Zak 2013-03-22 23:45:17
您所做的所有這些函數調用都不會執行任何操作,因爲它們不存在。你確定你沒有試圖使用畫布對象或其他類似的圖畫?這需要初始化,並在頁面上有一個'
你應該創建一個這個www.jsfiddle.net的jsFiddle – Dymond 2013-03-22 23:47:18