0

私はプログラミングに不慣れで、簡単な計算機を作ろうとしています。コードを書いた後、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);
4

2 に答える 2

1

キャンバスAPIを使用していますが、HTMLにキャンバスがありません。

キャンバスでチュートリアルを試してください：https ：//developer.mozilla.org/en-US/docs/HTML/Canvas/Tutorial 。次に、ドキュメントとライブラリを参照してください：https ://developer.mozilla.org/en-US/docs/HTML/Canvas 。

于 2013-03-22T23:47:03.490 に答える
0

使用している関数自体はJavaScriptにはありません。これらは、JavaScriptプロパティおよびHTML 5のキャンバスオブジェクトのメソッドです。このリンクを使用して、キャンバスオブジェクトにアクセスする方法を確認し、作成するキャンバスオブジェクトに適用されるメソッドとしてコードを使用できます。http://www.w3schools.com/html/html5_canvas.asp

于 2013-03-22T23:48:03.663 に答える