1-9 编程练习
根据gif图,补充代码,实现以下效果:
点击页面上的“删除”按钮,弹出确认框
(1)当点击确认框上的“确定“时,按钮上的字变为红色;
(2)当点击确认框上的“取消“时,按钮上的字变为绿色。
gif图如下:
任务
根据gif效果图完成下列步骤:
第一步:获取到按钮对象,给其绑定鼠标单击事件,以下步骤均在事件的匿名函数中进行
第二步:写出确认框,确认框的显示内容是“确定要删除么?”
第三步:对确认框的返回值进行判断
(1)如果确认框的返回值是true,按钮上的字颜色变为红色
(2)如果确认框的返回值是false,按钮上的字颜色变为绿色
任务提示
Tips:确认框返回的是布尔值,用变量进行接收
参考答案:
<!DOCTYPE html>
<html>
<head lang="zh-CN">
<meta charset="UTF-8">
<title>输入文本&l