JavaSciptとHTMLでコードを書いています。
HTML
1コード 2<!DOCTYPE html> 3<html lang="ja" dir="ltr"> 4 <head> 5 <meta charset="utf-8"> 6 <title>TEST</title> 7 <script src="test.js"></script> 8 </head> 9 <body> 10 <form name="test"> 11 <input type="button" id="button" value="on" onclick="lgt()"> 12 </form> 13 </body> 14</html>
JavaScript
1コード 2function lgt(){ 3 var t = document.getElementById('button').defaultValue = "off"; 4 if(t==="off"){ 5 t="on"; 6 }else { 7 t="off"; 8 } 9}
このコードの時に、ページをリロードしてからの一度目のボタンクリックではbuttonのvalueがonからoffに変わりますが、二度目以降のクリックではボタンがoffからonに変更されません。
クリックでボタン内の表示をonからoff,offからonと、何度も切り替えができるようにするにはどのようにコードを修正すれば良いですか?
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/01/26 09:53
2019/01/26 10:25
2019/01/26 11:36