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(「正しい!」
};
Reference
この問題について(JavaScript 2イベントとボタンをクリック), 我々は、より多くの情報をここで見つけました https://velog.io/@kimhyesu-_-/JavaScript2이벤트와-버튼-클릭テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol