HTML5 3

ブロック崩し

以下の様なブロック崩しを作成してみましょう。

ボタン

Javascriptで、ボタンを作成し特定の関数を実行させるには以下のタグを使用します。

<input type = "submit" value = "ラベル" onClick = "実行する関数名();"/>

配列

Javascriptでは、配列はArray型オブジェクトとして作成します。

HTMLの書き換え

以下の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);

参考


Prev | Next
index | home
abetmhr@gmail.com