開關燈 id = "status" >當前狀態(tài):熄滅 JavaScript代碼: let status = "熄滅" ; const switchButton = document .getElementById( "switch" ); const statusDisplay = document .getElementById( "status" );switchButton.addEventListener( "click" , function ( ) { if (status === "熄滅" ) { status = "亮起" ; switchButton.innerHTML = "開關燈" ; statusDisplay.innerHTML = "當前狀態(tài):" + status; // 在這里添加點亮燈的代碼 } else { status = "熄滅" ; switchButton.innerHTML = "開關燈" ; s" />

chinese直男口爆体育生外卖, 99久久er热在这里只有精品99, 又色又爽又黄18禁美女裸身无遮挡, gogogo高清免费观看日本电视,私密按摩师高清版在线,人妻视频毛茸茸,91论坛 兴趣闲谈,欧美 亚洲 精品 8区,国产精品久久久久精品免费

0
  • 聊天消息
  • 系統(tǒng)消息
  • 評論與回復
登錄后你可以
  • 下載海量資料
  • 學習在線課程
  • 觀看技術(shù)視頻
  • 寫文章/發(fā)帖/加入社區(qū)
會員中心
創(chuàng)作中心

完善資料讓更多小伙伴認識你,還能領取20積分哦,立即完善>

3天內(nèi)不再提示

javascript按鈕開關燈案例

科技綠洲 ? 來源:網(wǎng)絡整理 ? 作者:網(wǎng)絡整理 ? 2023-11-16 10:27 ? 次閱讀
加入交流群
微信小助手二維碼

掃碼添加小助手

加入工程師交流群

以下是一個簡單的JavaScript按鈕開關燈案例:

HTML代碼:

< button id="switch" >開關燈< /button >
< p id="status" >當前狀態(tài):熄滅< /p >

JavaScript代碼:

let status = "熄滅";
const switchButton = document.getElementById("switch");
const statusDisplay = document.getElementById("status");

switchButton.addEventListener("click", function() {
  if (status === "熄滅") {
    status = "亮起";
    switchButton.innerHTML = "開關燈";
    statusDisplay.innerHTML = "當前狀態(tài):" + status;
    // 在這里添加點亮燈的代碼
  } else {
    status = "熄滅";
    switchButton.innerHTML = "開關燈";
    statusDisplay.innerHTML = "當前狀態(tài):" + status;
    // 在這里添加關閉燈的代碼
  }
});

在這個案例中,我們創(chuàng)建了一個按鈕,當用戶點擊按鈕時,會觸發(fā)一個事件監(jiān)聽器。如果當前狀態(tài)為“熄滅”,則將狀態(tài)設置為“亮起”,按鈕文字為“開關燈”,狀態(tài)顯示為“當前狀態(tài):亮起”,然后在代碼中添加點亮燈的代碼。如果當前狀態(tài)為“亮起”,則將狀態(tài)設置為“熄滅”,按鈕文字為“開關燈”,狀態(tài)顯示為“當前狀態(tài):熄滅”,然后在代碼中添加關閉燈的代碼。

聲明:本文內(nèi)容及配圖由入駐作者撰寫或者入駐合作網(wǎng)站授權(quán)轉(zhuǎn)載。文章觀點僅代表作者本人,不代表電子發(fā)燒友網(wǎng)立場。文章及其配圖僅供工程師學習之用,如有內(nèi)容侵權(quán)或者其他違規(guī)問題,請聯(lián)系本站處理。 舉報投訴
  • HTML
    +關注

    關注

    0

    文章

    280

    瀏覽量

    45213
  • 代碼
    +關注

    關注

    30

    文章

    4922

    瀏覽量

    72217
  • javascript
    +關注

    關注

    0

    文章

    525

    瀏覽量

    55651
  • 按鈕開關
    +關注

    關注

    1

    文章

    51

    瀏覽量

    10504
收藏 人收藏
加入交流群
微信小助手二維碼

掃碼添加小助手

加入工程師交流群

    評論

    相關推薦
    熱點推薦

    按鈕開關

    鈕子開關和波動開關靠手搬動才能動作,而按鈕開關則是用手按動使開關動作。按鈕開關有自鎖和不自鎖之分,自鎖的
    發(fā)表于 11-14 09:37

    計算機鍵盤開關改作按鈕開關

    計算機鍵盤開關改作按鈕開關
    發(fā)表于 08-18 17:35 ?1201次閱讀
    計算機鍵盤<b class='flag-5'>開關</b>改作<b class='flag-5'>按鈕開關</b>

    KD2系列按鈕開關

    KD2系列按鈕開關 KD2系列按鈕開關的主要特性見表9-4 ,其外形如圖9-4 所示,安裝孔尺寸為17.2mm x 17.2mm 。
    發(fā)表于 09-19 15:01 ?3625次閱讀

    一些小型按鈕開關

    一些小型按鈕開關 表9-6 列出一些小型按鈕開關的特性參數(shù)及外形。
    發(fā)表于 09-19 15:03 ?2736次閱讀

    按鈕開關型號_按鈕開關型號有哪些_按鈕開關有幾種

    按鈕開關(英文名稱:push-button switch)是指利用按鈕推動傳動機構(gòu),使動觸點與靜觸點按通或斷開并實現(xiàn)電路換接的開關。按鈕開關是一種結(jié)構(gòu)簡單,應用十分廣泛的主令電器。
    發(fā)表于 08-02 11:37 ?7.7w次閱讀

    按鈕開關的結(jié)構(gòu)

    本視頻主要詳細介紹了按鈕開關的結(jié)構(gòu),分別是由按鈕帽、復位彈簧、固定觸點、可動觸點、外殼和支柱連桿等組成。
    的頭像 發(fā)表于 02-26 13:53 ?2.1w次閱讀

    按鈕開關分類

    本視頻主要詳細介紹了按鈕開關的分類,分別有開啟式、保護式、防水式、防腐式、防爆式、旋鈕式、鑰匙式、緊急式、自持按鈕等。
    的頭像 發(fā)表于 02-26 13:56 ?1.3w次閱讀

    按鈕開關的應用原理及使用注意事項

    按鈕開關是指利用按鈕推動傳動機構(gòu),使動觸點與靜觸點按通或斷開并實現(xiàn)電路換接的開關。按鈕開關是一種結(jié)構(gòu)簡單,應用十分廣泛的主令電器。在電氣自動控制電路中,用于手動發(fā)出控制信號以控制接觸器
    的頭像 發(fā)表于 08-14 15:03 ?1.5w次閱讀
    <b class='flag-5'>按鈕開關</b>的應用原理及使用注意事項

    按鈕開關種類_按鈕開關結(jié)構(gòu)圖

    本文主要闡述了按鈕開關種類及結(jié)構(gòu)說明。
    發(fā)表于 01-09 10:02 ?3.8w次閱讀

    按鈕開關怎么拆_按鈕開關怎么安裝

    本文首先介紹了按鈕開關拆卸方法,其次介紹了按鈕開關的安裝,最后闡述了按鈕開關安裝注意事項。
    發(fā)表于 01-09 10:15 ?6w次閱讀

    按鈕開關的作用_按鈕開關型號含義

    本文主要闡述了按鈕開關的作用及型號含義。
    發(fā)表于 01-09 10:36 ?1.6w次閱讀
    <b class='flag-5'>按鈕開關</b>的作用_<b class='flag-5'>按鈕開關</b>型號含義

    按鈕開關的型號與種類

    電器的使用都會設定按鈕開關方便平常的使用和切斷電源,而按鈕開關型號根據(jù)具體種類,比如開啟式、保護石、防水是、防腐式、防爆式等,在型號的代號上有區(qū)別,分為K、H、S、F等,可根據(jù)型號當中這些簡寫的字母
    發(fā)表于 01-01 16:52 ?8297次閱讀

    按鈕開關有哪些?

    按鈕開關不管是在工業(yè)自動化還是在日常生活中,都是非常常用的電子元器件之一。
    的頭像 發(fā)表于 01-30 17:07 ?3410次閱讀
    <b class='flag-5'>按鈕開關</b>有哪些?

    如何選擇按鈕開關,按動開關常見類型有哪幾種

    按鈕開關是一種常見的電子元器件,用于控制電路的開關。本文將介紹如何選擇按鈕開關以及常見的按鈕開關類型。
    的頭像 發(fā)表于 07-27 09:27 ?2895次閱讀

    控制的按鈕開關是交流還是直流

    控制按鈕開關可以是交流(AC)或直流(DC)供電,具體取決于其設計和應用場景。在電氣系統(tǒng)中,按鈕開關通常用于控制電路的開啟和關閉,它們可以是簡單的機械開關,也可以是更復雜的電子控制單元。 1.
    的頭像 發(fā)表于 09-11 14:54 ?2067次閱讀