Java Script


Java Script


Javascriptの最も重要な役割は、ユーザーと対話できるようにすることです.
Webブラウザは出力されると変更できませんが、Javascriptコードがstyleプロパティを追加するにつれて設計が変わります.これらのJavascriptの特性を利用して、Webページをよりダイナミックにすることができます.
(Chrome基準)Webページの「右クリック>チェック」をクリックすると、新しいウィンドウが表示されます.ここでElements(elements=tag)のラベルを見ると、ページを構成するHTMLのラベルが見えます.
ナイト/dayボタンをクリックすると、bodyタグをクリックするたびにスタイル属性が変化することがわかります.ボタンはbuttonタイプのinputラベルで構成されています.valueはボタンの名前を表します.その後、JavaScriptはonclickという属性に直接入ります.つまり、このボタンをクリックするとJavaScriptコードが実行されます.

onclickにはこれらのJavaScriptコードが含まれています.
document.querySelector('body').style.backgroundColor='black'
まず、ドキュメントでbodyというタグを選択します.次にstyleプロパティ値でbackgroundColorを「black」に設定します.
このように与えられた属性値は、前述したようにbodyラベルのstyle属性に入る.このスタイル属性はCSSです.