JavaScript不显示在HTML页面上

JavaScript isn't showing up on HTML page

本文关键字：HTML 显示 JavaScript      更新时间：2023-09-26

我是编程新手，正在尝试制作一个简单的计算器。写了一些代码后，我意识到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);

你正在使用画布API，但是你在HTML中没有任何画布。

尝试教程画布:https://developer.mozilla.org/en-US/docs/HTML/Canvas/Tutorial。然后查看文档&库:https://developer.mozilla.org/en-US/docs/HTML/Canvas。

您使用的函数本身不在JavaScript中。它们是HTML 5中画布对象的JavaScript属性和方法。您可以使用此链接了解如何访问画布对象，以及如何将代码用作应用于将要创建的画布对象的方法。http://www.w3schools.com/html/html5_canvas.asp

相关文章：