简单
技术面试0 次浏览

在小鹏汽车的车机系统中,需要实现一个简单的按钮点击效果,点击按钮时改变其背景颜色。请用 HTML、CSS 和 JavaScript 实现该功能。

小鹏汽车前端工程师
HTMLCSSJavaScript车机交互

答题要点

推荐使用直接实现法,按以下步骤进行:首先创建 HTML 结构,接着用 CSS 设计按钮样式,最后添加 JavaScript 实现点击效果。关键要点如下:1. HTML 部分,创建一个 button 元素作为按钮,并设定合适的 id 以便于后续操作。例如:<button id='myButton'>点击我</button>。2. CSS 部分,为按钮设置初始样式,确定背景颜色、字体等基本外观。如设置背景颜色为蓝色,字体为白色。3. JavaScript 部分,通过 document.getElementById 获取按钮元素,然后为其添加 click 事件监听器,在事件处理函数中修改按钮的背景颜色。示例代码:const button = document.getElementById('myButton'); button.addEventListener('click', function() { button.style.backgroundColor = 'red'; });这样,当点击按钮时,背景颜色就会变为红色。