JavaScript 2イベントとボタンをクリック

1015 ワード

✔イベントハンドル(Event Handling):イベントを処理して特定の操作を実行します。

const btn = document.querySelector('#myBtn');//html파일에 있는 id.

btn.onclick = function () { //이벤트 핸들러(Event Handler)->구체적인 동작들을 코드로 표현한 함수 부분.
	console.log('Hello Codeit!'); //웹페이지에서 버튼 누르면 콘솔창에 출력됨.
};

≪表計算ドキュメントのイベント|Member Member Events|oem_src≫:Webページで発生する可能性のあるほとんどのイベント。


❗HTMLファイルでWebページの構造を決定することをお勧めしますが、動作を担当する作業はjsファイルでのみ完了します.

▼▼実践課題


alert('message');
//alertという関数を使用して、ブラウザに警告ウィンドウを表示します.
ボタンラベルをクリックすると、指定したコードが実行されると、画面に表示されるスコアが正しいです.👏🏻警告ウィンドウを表示するコードを作成してください.
(拍手集を作るのが難しい場合は、本文の文章をコピーして貼り付けてください)
ただし、HTMLタグに直接イベントハンドラを登録するのではなく、JavaScriptファイルにコードを記述してください.
コードがうまく記述されている場合は、ボタンをクリックすると、次の警告ウィンドウが表示されます.

ここにコードを書いてください.
const btn = document.querySelector('#grade')
btn.onclick = function (){
alert(「正しい!」
};