我是新手编程,并试图做一个简单的计算器。编写一些代码后,我意识到我的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