#Javascriptのイベントを知る
javaでdivclassに書いてある内容を取ってくる方法
<body>
<h1>お名前を記入してください</h1>
<input type="text" id="name">
<button id="btn">入力完了</button>
<div id="disp-name"></div>
<script>
var btn = document.getElementById('btn');
btn.addEventListener('click',function(){
var name = document.getElementById("name").value;
document.getElementById("disp-name").innerHTML = name;
})
</script>
</body>
</html>
#解説
var btn = document.getElementById('btn');
これで入力完了という箇所のことを示しており、btnという変数に入れることを意味しています。Elementとは一行のことを示している。
btn.addEventListener('click',function(){
今回はbtn変数から受け取り、ボタンが押された場合どうするかを考えています。
var name = document.getElementById("name").value;
nameという値(価値）を取ってくることを記載します。
document.getElementById("disp-name").innerHTML = name;
disp-nameというHTMLのinnerにnameを入れますよという表示になります。
結果的には以下のようになります。
