以下の様なブロック崩しを作成してみましょう。
Javascriptで、ボタンを作成し特定の関数を実行させるには以下のタグを使用します。
<input type = "submit" value = "ラベル" onClick = "実行する関数名();"/>
Javascriptでは、配列はArray型オブジェクトとして作成します。
var array1 = new Array(3);
array1[0]= 0;
array1[1]= 1;
array1[2]= 2;
var array1 = new Array(0, 1, 2);
var array2 = new Array(3);
array2[0]= new Array(3);
array2[1]= new Array(3);
array2[2]= new Array(3);
array2[0][0]= 1;
array2[0][1]= 2;
array2[0][2]= 3;
var array3 = new Array();
array3["Sun"] = 3;
array3["Mon"] = 4;
array3["Tue"] = 5;
var len = array3.length;
以下のJavascriptによって、divタグの部分にnodeValueに代入されたオブジェクトが表示されます。
nodeValueには、文字列・数値どちらも代入可能です。
<div id = "kakikae">
</div>
<script>
var t = document.getElementById("kakikae");
t.firstChild.nodeValue = "これを表示";
</script>
フォントを変更して、文字列を表示するにはcontextのfontプロパティに使用するフォント名を代入します。
context.font = "36px 'Times New Roman'";
context.fillStyle = "rgb(255, 255, 255)";
context.fillText("You Win !!", 100, 200);