0

ページの背景色、リンクの色、およびリンク テキストを変更するように設定されたリンクを含む Web ページがあります。これが私のコードです：

<html>

<head>
<title>Title</title>
<script type="text/javascript">
function Lights() {
document.body.style.backgroundColor='#000000';
document.getElementById("on").innerHTML="Turn on the lights";
document.getElementById("on").style.color="#00ffff";
}
</script>
</head>

<body style="font-size:200px; text-align:center;">
<a href="javascript:void(0)" id="on" onclick="Lights()">Turn off the lights</a>
</body>

</html>

リンクが再びクリックされたときにこれらのステートメントを逆にするように JavaScript を設定する方法を考えていたので、ページは白い背景に戻り、テキストは「消灯」に戻り、リンクは濃い青色に戻ります.

ありがとうございました

4

2 に答える 2

3

変数を使用して状態を保存し、それに基づいて切り替えることができます。

<script type="text/javascript">
  var toggle = false;
  function Lights() {
    var link = document.getElementById("on");
    document.body.style.backgroundColor= toggle ? '#ffffff' : '#000000';
    link.innerHTML=toggle ? "Turn off the lights": "Turn on the lights";
    link.style.color= toggle ? '#000000': "#00ffff";
    toggle = !toggle;
  }
</script>
于 2013-05-20T02:27:50.537 に答える