結果を表示する
元にもどす
<html>
<meta charset="utf-8">
<button onclick="ぼたん()">ボタン</button>
<!--- HTML の<button> タグにアットリビュート+バリューの onclick="ぼたん()" を追加し, 文字列「ボタン」を表示しました. --->
<p id="もじ">文字</p>
<!--- HTML の <p> パラグラフ・タグにアットリビュート+バリューの id="もじ" を追加し, 文字列「文字」を表示しました. --->
<script>
//今からこのHTMLドキュメントの中で裏技を使います.
function ぼたん()
//裏技の名前は「ぼたん()」です. ボタンをクリックすると何かが作動します.
{let=document.getElementById("もじ");
//まず最初に HTML の<p> タグから 〜 </p> タグまで,,, ここの1行に書かれている内容を盗みました.
もじ.style.fontSize="40px";
//スタイル・シートで文字サイズを40pxにする命令を生成しました.
もじ.style.color="red";}
//スタイル・シートで文字色を赤にする命令を生成しました.
//裏技はここで終了です.
</script>
</html>