计算年龄小游戏-课后程序(JavaScript前端开发案例教程-黑马程序员编著-第1章-课后作业)

【案例1-11】计算年龄小游戏

一、案例描述

  1. 考核知识点

prompt()、if…else语句、onclick()

  1. 练习目标
  • 掌握prompt()用法。
  • 掌握if…else语句用法
  • 掌握onclick()用法
  1. 需求分析

点击“请输如您的出生年份”,在输入窗口中输入出生年份,点击“确定”按钮,根据你的出生年份,让2019减去出生年份,得到你的年龄。

  1. 案例分析
  1. 效果如图1-17、1-18所示。

计算年龄小游戏-课后程序(JavaScript前端开发案例教程-黑马程序员编著-第1章-课后作业)_第1张图片

 

  1. 输入的内容

计算年龄小游戏-课后程序(JavaScript前端开发案例教程-黑马程序员编著-第1章-课后作业)_第2张图片

 

  1. 页面中展示年龄

二、案例实现

根据上面的分析,可以通过简单的JavaScript代码来实现这一效果,具体代码如下:

  1.    
  2.     </span><span style="color:#000000;">计算年龄</span><span style="color:#000000;">
  3.     请输入您的出生年份" />
  4.    

你可能感兴趣的:(JavaScript,javascript,html,前端)