JavaScript未顯示在HTML頁面上

Question

我是編程新手，正在嘗試制作一個簡單的計算器。 編寫一些代碼后，我意識到我的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);

Answer 1

您正在使用canvas API，但是HTML中沒有任何畫布。

在畫布上嘗試教程： https : //developer.mozilla.org/en-US/docs/HTML/Canvas/Tutorial 。 然后查看文檔和庫： https : //developer.mozilla.org/en-US/docs/HTML/Canvas 。

Answer 2

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

JavaScript未顯示在HTML頁面上

問題描述

2 個解決方案

解決方案1
1 已采納 2013-03-22 23:47:03

解決方案2
0 2013-03-22 23:48:03

JavaScript未顯示在HTML頁面上

問題描述

2 個解決方案

解決方案1 1 已采納 2013-03-22 23:47:03

解決方案2 0 2013-03-22 23:48:03

解決方案1
1 已采納 2013-03-22 23:47:03

解決方案2
0 2013-03-22 23:48:03