JavaScript——WebAPI案例(猜数字,表白墙,待办事例)

目录

猜数字

表白墙 

待办事项


 

猜数字

1、生成1-100的数字

2、让用户输入一个数字

3、根据输入的数字的大小给出提示(高,低,猜对了)

    

在JavaScript中生成随机数使用的Math.random()是[0,1)之间的数(小数),所以为了生成1-100,我们需要用100*Math.random(),就变成了[0,100),然后使用parseInt使之变为整数,最后再加1,就是[1,100]。 

完整代码:




    
    
    
    猜数字


    
请输入要猜的数字

 JavaScript——WebAPI案例(猜数字,表白墙,待办事例)_第1张图片

表白墙 

 JavaScript——WebAPI案例(猜数字,表白墙,待办事例)_第2张图片




    
    
    
    表白墙



    

表白墙

输入内容后点击提交按钮,信息会显示在下方表格

谁:
对谁:
说:

 

JavaScript——WebAPI案例(猜数字,表白墙,待办事例)_第3张图片

待办事项

 创建页面布局

 
    

未完成

吃饭

已完成

实现页面样式

    

实现页面行为

完整代码展示:




    
    
    
    待办事项


    
    

未完成

吃饭

已完成

JavaScript——WebAPI案例(猜数字,表白墙,待办事例)_第4张图片 

 

 

 

 

 

你可能感兴趣的:(JavaEE,html,前端,java-ee,javascript)