onclick 相关问题

我想在我的简单 html 页面上保持简单。 1 个按钮循环背景颜色，1 个按钮循环文本颜色。我在 stackoverflow 上找到了一些适用于背景的代码：我想在我的简单 html 页面上保持简单。 1 个按钮循环背景颜色，1 个按钮循环文本颜色。我在 stackoverflow 上找到了一些适用于背景的代码： <script> var colors = ["red", "blue", "green"]; var colorIndex = 0; function changeColor() { var col = document.getElementById("body"); if( colorIndex >= colors.length ) { colorIndex = 0; } col.style.backgroundColor = colors[colorIndex]; colorIndex++; } </script> <body id='body'> <button onclick="changeColor();">Change color</button> </body> 然后我发现了一些其他类似的代码，可以与其他代码一起使用，用于文本颜色，但它不起作用： <script> function changeColor(){ var element = document.getElementById("questionContainer"); element.className = "myClass"; } .myClass{ color:red; } </script> <div id="questionContainer"> <p><strong><em> QUESTION: WHAT IS YOUR NAME?</em></strong></p> </div> <button onclick="changeColor()">COLORCHANGER<button> 我无法让它工作。拔掉我的头发。我在纯 .html 中单独尝试了任一代码块进行测试。用于背景的有效，用于文本的无效。您已在块内添加了 CSS 类。 block 仅适用于 javascript 代码。我已经编辑了你的第二段代码如下 <script> function changeColor(){ var element = document.getElementById("questionContainer"); element.className = "myClass"; } </script> <style> .myClass{ color:red; } </style> <div id="questionContainer"> <p><strong><em> QUESTION: WHAT IS YOUR NAME? </em></strong></p> </div> <button onclick="changeColor()">COLORCHANGER<button>

javascript button colors onclick

回答 1 投票 0

如何使用 onclick 函数将用户从第一个组件重定向到第二个组件

从“react”导入React 从 'react-router-dom' 导入 { useNavigate } 从“./api/Userdata”导入用户从 './InsideChat' 导入 InsideChat const 聊天 = () => { const seeMsg = (id) =>...

javascript reactjs onclick vite onchange

回答 1 投票 0

Onclick 函数在地图函数内部的元素中不起作用[重复]

从“react”导入React 从“./api/Userdata”导入用户 const 聊天 = () => { const seeMsg = (id) => { 控制台.log(id) } 返回（ ... import React from 'react' import user from './api/Userdata' const Chats = () => { const seeMsg = (id) => { console.log(id) } return ( <div className="main"> { user.map((currUser) =>{ const [name, id, time, image] = user; return( <div className="user w-full h-14 my-1 flex justify-between content-center" key={currUser.id}> <img className='shadow rounded-full max-w-full h-11 w-11 align-middle border-none' src={currUser.image} onClick={seeMsg(currUser.id)} alt=""/> <div className="name pr-16 pl-1 justify-center text-center flex items-center text-gray-900 font-medium mb-1">{currUser.name}</div> <div className="time font-thin text-xs text-center flex items-center pr-2">{ currUser.time }</div> </div> )})} </div> ) } export default Chats 我正在尝试创建一个 Whatsapp 克隆。这些是成功打印的基本细节。但我希望当有人单击特定配置文件时，其 id 将使用 seeMsg() 在控制台中打印。所以我使用 onclick 但它显示错误。您面临的问题是由于您在代码中使用“onClick”处理程序的方式造成的。 “onClick”处理程序需要对函数的引用，但在当前代码中，您在渲染组件时直接调用该函数。它应该看起来像这样： onClick={() => seeMsg(currUser.id)}

javascript reactjs onclick vite onchange

回答 1 投票 0

在功能组件中响应点击事件

我尝试添加一个 onClick 事件，它将在我的功能组件中显示/隐藏一个 div，你能帮忙解释为什么它不起作用吗？导出默认函数OnClickFunctionalComponent(){ 常量 [

reactjs onclick react-hooks react-functional-component

回答 3 投票 0

如何修复点击 Flutter 时的计时器和颜色变化？

我正在尝试创建简单的测试，如果用户单击正确的答案，按钮背景将变为绿色并保持绿色 3 秒。我用计时器实现了设置状态，但是背景

flutter onclick flutter-timer

回答 1 投票 0

React useState 不使用 <Link>

我无法在单击时更新 ReactJS 中变量的状态。没有路由它工作正常，但是当我添加到=“/myUrl”时，下面是我的代码，它不起作用 const [pageTitle, setPageT...