drawLineをループさせて10回繰り返す方法

Question

私は現在、javascriptにsudokuグリッドを作成しようとしています。これを行うには、ループを設定して、10行に10回、20ピクセルの間隔で再表示する必要がありますそれぞれの間にこれまでのところ、私は持っています：

var canvas; 
canvas = openGraphics(); 

var x; 
var y; 
var gap; 
x = 20; 
y = 20; 
gap = 25; 

canvas.drawLine(20, 20, 20, 245); 

canvas.paint(); 

これを行うにはどうすればよいですか？

Answer 1

プログラマーが利用できるさまざまなループ構成がありますが、最も一般的なものはfor loopとwhile loopです。

forループは何度も "ループ"するのに適しており、whileループはある値が "true"の間ループします。この場合

は、あなたがforループのためにそのループのための最良の

一致している。これは、あるサンプルコードを描画する必要がある行数を知っています。何が起こるかは、{と}の間のコードが複数回実行されることです。ループが実行されるたびに、変数iは0から開始して1だけ大きくなります。これは条件i < numberTimesToLoopがfalseになるまで続きます。私はあなたのために割り当てをしたいが、多くのケースでは、その簡単に実際のコードを見てから学ぶこと

for(var i=0;i<numberTimesToLoop;i++) 
{ 
    document.write("i = " + i); 
    document.write("<br />"); 
} 

ありません。 （私は実証し、答えを見ることで将来的にそれをすぐに認識できる生徒がたくさんいることを実証しています。もちろん、私は彼らに理論を教えています。現在のコードを変更すると、縦線が引かれます。

var canvas; 
canvas = openGraphics(); 

var x; 
var y; 
var gap; 
x = 20; 
y = 20; 
gap = 25; 


var currentX = 20; 
for(var i=0;i<10;i++) 
{ 
    canvas.drawLine(currentX, 20, currentX, 245); 
    currentX = currentX + gap; 
} 
canvas.paint(); 

（W3Schoolsのウェブサイトに問題が何であるか本当にわからない）

Answer 2

すでに述べたように、ループ構造を使用する必要があります。

Mozillaデベロッパーネットワークには、documentationがあります。

しかし正直なところ、ゲームを書く前にJavaScript Guideを読んでおく必要があります。そうしないと、多くのデッドエンドに遭遇してしまうでしょう。

また、インターネット上に悪い、古い、壊れたコードの例とヘルプを持つサイトがたくさんあるので、JavaScriptのヘルプを検索するときは、MDNにとどまってください。

特に滞在away w3schoolsから。