class を書き換える＿その２
JavaScript
＿プログラミング へ戻る
大学生のための数学 へ戻る
2026.03.29
【 問 題 】
４＋５ ＝
答えを 見る 消す
４＋５ ＝ ９
プログラムの内容：
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UFT-8"> <meta name="Viewpoint" content="width=device-width,initial-scale-1.0"> <style> ul { display: none; } ul.visible { display: block; } </style> </head> <body> <section> <h1>【 問 題 】<br> ４＋５ ＝</h1> <button>答えを 見る 消す</button><br> <ul> ４＋５ ＝ ９</ul> </section> <script> document.querySelector("button").addEventListener("click", function() { document.querySelector("ul").classList.toggle("visible"); }); document.getElementById('test').addEventListener('click',function() { this.classList.toggle("test2"); }); </script> </body> </html>
JavaScript＿プログラミング へ戻る 大学生のための数学 へ戻る