※ ChatGPTを利用し、要約された質問です(原文:ボタンに書かれている文字の入れ替え)
ボタンの文字を入れ替える方法がわかりません
このQ&Aのポイント
2つのボタンのどちらを押しても、ボタンに書かれているアルファベットが入れ替わるようにしたいのですが、うまくいきません。
obj1とobj2には正常に値が格納されているようですが、tmpにはundefinedが入ってしまいます。
ボタンの文字列の入れ替えを行うためには、innerHTMLではなくvalueを使用する必要があります。
2つのボタンのどちらを押しても、ボタンに書かれているアルファベットが入れ替わるようにしたいのですが、うまくいきません。
alert(obj1)、alert(obj2)などとして、A,Bともに読み込まれているようなのですが、alert(tmp)の時はundefinedがでます。
どこが間違っているのかよろしければ教えてください。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>勉強中</title>
</head>
<body>
<script>
function change_alphabet()
{
var tmp;
var obj1 = document.getElementById("button_1").value;
var obj2 = document.getElementById("button_2").value;
// alert(obj1);
// alert(obj2);
tmp = obj1.innerHTML;
// alert(tmp);
obj1.innerHTML = obj2.innerHTML;
obj2.innerHTML = tmp;
// alert(obj2);
}
</script>
< input type = "button" id = "button_1" value = "A" style = "width: 25px; height: 25px" onclick = "change_alphabet()" >
< input type = "button" id = "button_2" value = "B" style = "width: 25px; height: 25px" onclick = "change_alphabet()" >
<body>
</html>