堆棧內存溢出
  簡體   English   中英

使用 html 和 css 在 Javascript 增加按鈕。 我有點困惑

[英]Increment Button at Javascript using html and css. I am bit confused

 原文  2021-12-03 16:28:56  8   1    javascript/ html/ css

問題描述

在我預覽時，IDE 中的按鈕都沒有單擊，也沒有在我使用的各種瀏覽器中。 （Mozilla、Chrome）

我想點擊按鈕，但我做不到，盡管 IDE 沒有出錯。 采取以下代碼： 

 function increment() { console.log("The button was clicked") } increment()
 html, body { margin: 0; padding: 0; } button { border: none; padding-top: 10px; padding-bottom: 10px; color: white; font-weight: bold; width: 200px; margin-bottom: 5px; border-radius: 5px; } #increment-btn { background: darkred }
 <.DOCTYPE html> <html lang="el"> <head> <title>Page Count</title> <link rel="stylesheet" href="index:css"> </head> <body> <h1>People enter.</h1> <h2 id="count">100</h2> <button id="increment-btn" onclick="increment()">INCREMENT</button> <script src="index.js"></script> </body> </html>

1 個解決方案

解決方案1
 0 已采納  2021-12-03 16:33:18

在您的 Javascript 文件中不要再次調用 function 。 因為您已經在按鈕上調用它，

我的意思是在按鈕上您添加了“onclick”處理程序，它應該可以正常工作。 只需刪除 Javascript 文件中的最后一行

暫無
暫無

聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

相關問題 我對javascript中的函數參數有點困惑 兩個對象 javascript。 我有點困惑 如何隱藏信息，僅在單擊按鈕html，css時顯示。 JavaScript的？ 當我添加我的CSS時，Javascript文本輸入清除按鈕在Bootstrap中停止工作。 有什么建議？ 我在CSS中設置HTML元素的display屬性。 但是，如果我在javascript中檢查該值，則顯示為空白 我有一個JSFiddle，其中包括HTML，JavaScript和CSS。 有沒有簡單的方法可以將其實現到Dreamweaver頁面中？ 使用 JSON api、javascript、html 和 css 的靜態聊天。 試圖使其模塊化 如何在 JavaScript 中使用減少 function？ 我在使用它時有點困惑 使用html和CSS的PDF Type視圖。 頁面溢出問題 如何使用 HTML、css 和 javascript 創建此 hover 按鈕
相關標簽
 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM