手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

如何利用JavaScript中的switch-case语句取值

时间:2024-11-18 04:58:08

1、第一步,双击打开HBuilder软件,新建空白的静态页面,并引入相应的js和css文件,如下图所示:

如何利用JavaScript中的switch-case语句取值

2、第二步,在代码主体中插入日期组件、输入框和按钮,并给这几个id属性,如下图所示:

如何利用JavaScript中的switch-case语句取值

3、第三步,编写按钮单击事件函数,获取日期组件月份,根据月份判断英文月份,如下图所示:

如何利用JavaScript中的switch-case语句取值

4、第四步,编写函数switchCase,传入month参数,用月份判断返回英文月份,并赋值给输入框,如下图所示:

如何利用JavaScript中的switch-case语句取值

5、第五步,再次检查组件对应的id属性,绑定的事件,如下图所示:

如何利用JavaScript中的switch-case语句取值

6、第六步,预览该静态页面,查看页面效果,选择日期,点击按钮,如下图所示:

如何利用JavaScript中的switch-case语句取值
© 手抄报圈