第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全，請及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題，去搜搜看，總會有你想問的

如何反轉(zhuǎn) JavaScript 中的函數(shù)？

如何反轉(zhuǎn) JavaScript 中的函數(shù)？

米琪卡哇伊 2023-10-14 16:41:39
我正在制作一個(gè)網(wǎng)站，我希望打開和關(guān)閉深色模式。我一直在尋找如何反轉(zhuǎn)函數(shù)，但由于我很擅長 JavaScript，所以無法設(shè)置函數(shù)來反轉(zhuǎn)它。所以我想在這里扭轉(zhuǎn)這個(gè)局面：<label class="switch">  <input id="input" onclick="changeColor(); changeColo(); changeCol(); changeCo(); changeC();" type="checkbox">  <span class="slider round"></span></label>var colors = ["#2D2D2D"];    var colorIndex = 0;    function changeColor() {        var col = document.getElementById("body");        if( colorIndex >= colors.length ) {            colorIndex = 0;        }        col.style.backgroundColor = colors[colorIndex];        colorIndex++;    }    var colors = ["#332e2e"];    var colorIndex = 0;    function changeColo() {        var col = document.getElementById("article");        if( colorIndex >= colors.length ) {            colorIndex = 0;        }        col.style.backgroundColor = colors[colorIndex];        colorIndex++;    }    var colors = ["#332e2e"];    var colorIndex = 0;    function changeCol() {        var col = document.getElementById("button");        if( colorIndex >= colors.length ) {            colorIndex = 0;        }        col.style.backgroundColor = colors[colorIndex];        colorIndex++;    }    var colors = ["#332e2e"];    var colorIndex = 0;    function changeCo() {        var col = document.getElementById("div");        if( colorIndex >= colors.length ) {            colorIndex = 0;        }        col.style.backgroundColor = colors[colorIndex];        colorIndex++;    }    var colors = ["#2D2D2D"];    var colorIndex = 0;    function changeC() {        var col = document.getElementById("form-container");        if( colorIndex >= colors.length ) {            colorIndex = 0;        }        col.style.backgroundColor = colors[colorIndex];        colorIndex++;    }這就是我需要扭轉(zhuǎn)的。我該怎么做？
查看完整描述

3 回答

?
catspeake

TA貢獻(xiàn)1111條經(jīng)驗(yàn) 獲得超0個(gè)贊

我將為您提供一個(gè)帶有代碼的示例，您可以解決其余的問題。


var colors = ["#2D2D2D"]; // I don’t know why you have an array of

// color, but I could get this to be much simpler without using

// array, but I followed your example to make it simpler for you

var colorIndex = 0;

function changeColor() {

    var col = document.getElementById("body");

    if (colorIndex >= colors.length) {

        colorIndex = 0;

    }


    if (colors[colorIndex] == col.getAttribute("currentColor")) {


        col.style.backgroundColor = null; // Take the CSS color

        col.setAttribute("currentColor",col.style.backgroundColor);

    }

    else {

        col.style.backgroundColor = colors[colorIndex];

        col.setAttribute("currentColor", colors[colorIndex]);

    }


    colorIndex++;

}

#body{

    background-color: red;

}

<div id="body">

    <label class="switch">

        <input id="input" onclick="changeColor();" type="checkbox">

        <span class="slider round"></span>

    </label>

</div>


查看完整回答
反對 回復(fù) 2023-10-14
?
30秒到達(dá)戰(zhàn)場

TA貢獻(xiàn)1828條經(jīng)驗(yàn) 獲得超6個(gè)贊

試試這些


方法一：


為淺色和深色主題定義單獨(dú)的樣式。根據(jù)所需主題在 body 上設(shè)置類


JavaScript：


function toggleTheme() {

   document.getElementsByTagName('body')[0].classList.toggle('light');

   document.getElementsByTagName('body')[0].classList.toggle('dark');

}

CSS：


body.light {

   background-color: white;

   color: black;

}

body.light button {

   background-color: blue;

   color: black;

}


body.dark{

   background-color: black;

   color: white;

}

body.dark button {

   background-color: grey;

   color: black;

}

方法二：


定義變量屬性并在您的應(yīng)用程序中使用這些屬性來設(shè)置樣式


JavaScript：


Same as above


CSS：


body.light {

  --color: black;

  --backgroundColor: white;

}

body.dark {

 --color: white;

 --backgroundColor: black;

}

button {

  color: var(--color);

  background-color: var(--backgroundColor);

}


查看完整回答
反對 回復(fù) 2023-10-14
?
守候你守候我

TA貢獻(xiàn)1802條經(jīng)驗(yàn) 獲得超10個(gè)贊

您可以創(chuàng)建一個(gè)變量來處理狀態(tài)，設(shè)置布爾初始值并在每次單擊切換按鈕時(shí)更新其值，例如：


let actived = false;


function setState(){

  if(actived == false){

    changeColor1();

    actived = true;

  } else {

    changeColor2();

    actived = false;

  }

}

<input type="button" (onclick)="setState()"/>


查看完整回答
反對 回復(fù) 2023-10-14
  • 3 回答
  • 0 關(guān)注
  • 179 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

 公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號