JavaScriptの基本の基本の備忘録
・テキストエリアに記入したテキストが、アラートボタンを押すと表示される
a.html
<script src = "a.js" ></script>
<!-- jsファイルを読み込む -->
<textarea id="textarea"></textarea>
<!-- textareaというidを持つテキストエリア -->
<button id="button">アラート</button>
<!-- buttonというidを持つアラートボタン -->
a.js
document.addEventListener('DOMContentLoaded', () => {
// ウェブページが完全に読み込まれた後に特定の処理を実行するためのイベントリスナーを追加
const buttonAlert = document.getElementById("button")
// アラートのDOMを定義
const textarea = document.getElementById("textarea")
// テキストエリアのDOMを定義
buttonAlert.addEventListener("click", () => {
// アラートボタンをクリックした時というイベントを設定
alert(textarea.value)
// アラートの内容を設定
})
});