JavaScript 各种小案例_javascript案例-程序员宅基地

技术标签: javascript基础到实战  前端  javascript  开发语言  

1、题目----判断时间阶段
用户输入几点弹出问候信息;
用户输入12点 中午
用户输入18点 晚上
用户输入23点 深夜
建议:通过比较运算符弹出对应值

 <script>
        var time = prompt('请输入当前时间')
        switch (true) {
            case time <= 10 : 
                document.write('当前时间是' + time + '上午')
                break;
            case  time <= 12 :
                document.write('当前时间是' + time + '中午')
                break;
            case time <= 18 :
                document.write('当前时间是' + time + '下午')
                break;
            case time <= 23 : 
            document.write('当前时间是' + time + '深夜')
            break;
        }
        // if( time == 12){
        //     prompt('当前时间是' + time + '中午')
        // }else if ( time == 18){
        //     prompt('当前时间是' + time + '下午')
        // }else if (time == 23){
        //     prompt('当前时间是' + time + '深夜')
        // }
    </script>

2、题目------ 比较两个数的最大值
1、用户依次输入两个值,最后弹出最大的那个值
建议用:比较运算符

 <script>
       var num = prompt('请输入第一个数')
       var num2 = prompt('请输入第二个数')
       if( num > num2 ){
           document.write(num + '是最大的数')
       }else{
           document.write(num2 + '是最大的数')
       }
    </script>

3、题目
判断奇偶性
用户输入一个数,判断是奇数还是偶数
建议:通过%运算可以得出数字的奇偶性

 <script>
        var  num = prompt('请输入一个数')
        if(num % 2 == 0){
            document.write(num + '是偶数')
        }else
        {
            document.write(num + '是奇数')
        }
    </script>

4、题目-----请客吃饭
大于2000请大家吃自助餐
小于2000 并大于等于1500 请大家吃披萨
小于1500 并等于1000 请大家吃黄焖鸡
小于1000 提醒我下次把钱带够
建议用 switch 或者if else if

<script>
        // var eat = prompt("想请大家吃饭,请输入我身上多少钱")
        // switch (true) {
        //     case eat >= 2000:
        //         document.write('我身上带了' + eat + '元,请大家吃自助餐')
        //         break;
        //     case eat >= 1500:
        //         document.write('我身上带了' + eat + '元,请大家吃披萨')
        //         break;
        //     case eat >= 1000:
        //         document.write('我身上带了' + eat + '元,请大家吃黄焖鸡')
        //         break;
        //     default:
        //     document.write('我身上带了' + eat + '元,不能够请大家吃饭了')
        //     break;
        // }
        var eat = prompt('请输入我身上有多少钱')
        if (eat >= 2000) {
            document.write('我身上带了' + eat + '元,请大家吃自助餐')
        }else if(eat >= 1500) {
            document.write('我身上带了' + eat + '元,请大家吃披萨')
        }else if (eat >= 1000){
            document.write('我身上带了' + eat + '元,请大家黄焖鸡')
        }else {
            document.write('我身上带了' + eat + '元,不能够请大家吃饭')
        }
    </script>

5、题目 ----- 成绩表
判断等级。
大于90 A
大于等于80 并小于90 是B
大于等于70 并小于80 是c
大于等于60 并小于70 是D
小于60 是E
建议使用 swtich

<script>
        var grade = prompt('请输入当前成绩')
        switch(true){
            case grade >= 90 : 
                document.write( grade + "当前成绩是A")
                break;
            case grade >= 80 : 
                document.write(grade + "当前成绩是B")
                break;
            case grade >= 70 : 
                document.write(grade + "当前成绩是C")
                break;
            default : 
                document.write(grade + "当前成绩是D")
                break;
        }
    </script>

6、题目—-接收用户输入的用户名和密码,
若用户名为 ‘admin’ ,且密码为 ‘123456’,则提示用户登录成功;否则一直输入
建议用while 或者do while循环

<script>
        var user = prompt('请输入用户名')
        var password = prompt('请输入密码')
        while (user != 'admin' && password != '123456') {
            alert('账号或者密码错误,请重新输入')
            var user = prompt('请输入用户名')
            var password = prompt('请输入密码')
        }
        alert('登陆成功' +'当前用户名是' + user +  '当前密码是' + password)

    </script>
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_48203828/article/details/126069972

智能推荐

FAILED: Error in metadata: MetaException(message:Got exception: java.net.ConnectException Call to ha_caused by: metaexception(message:got exception: ja-程序员宅基地

文章浏览阅读1k次。这个必须记一笔:今天在安装配置完hive后,进入了hive的命令行执行show databases时抛出一下错误:FAILED: Error in metadata: MetaException(message:Got exception: java.net.ConnectException Call to hadoop0/192.168.0.10:9000 failed on c_caused by: metaexception(message:got exception: java.net.connectexception ca

IDEA值得推荐的20款优秀的插件_idea好用的插件-程序员宅基地

文章浏览阅读8.8w次,点赞140次,收藏772次。工欲善其事,必先利其器。想要提升编程开发效率,必须选择一款顺手的开发工具。JetBrains 公司提供了一系列功能强大、风格统一的开发工具,深受开发者喜爱。其中,IDEA 是面向 Java 开发的专业 IDE(集成开发环境),90% 以上的企业都在使用 IDEA 进行 Java 开发,而不是用其他的工具如 Eclipse。但是,想要开发效率最大化,仅有好的开发工具是不够的,还要能够熟练地使用它。对于 IDEA 的新用户来说,面对功能如此丰富的开发工具可能会有些迷茫,但又不想花时间去学习如何使用,_idea好用的插件

跑monkey命令-程序员宅基地

文章浏览阅读1.9k次。2019独角兽企业重金招聘Python工程师标准>>> ..._跑monkey命令

DDR4 MIG IP核 FPGA使用及读写测试_fpga ddr4 读写测试 xilinx-程序员宅基地

文章浏览阅读1.2w次,点赞6次,收藏71次。**前言**Xilinx提供了这样的IP核,名为MIG(Memory Interface Generator),它可以为提供DDR3、DDR4等多种存储器提供接口。本次DDR4读写采用的就是这个IP核,不过7系的FPGA与UltraScale系的FPGA所所对应的MIG IP核在客制化上有所区别,本文暂且只讨论UltraScale+系列FPGA所对应的MIG IP核,并且只针对DDR4的使用。..._fpga ddr4 读写测试 xilinx

vue iview中向后端请求springboot后端数据searchForm表单中字段显示undefined的问题。_设置searchform表单指定错误或url为空。-程序员宅基地

文章浏览阅读1.8k次。这个问题困扰了我一天的时间。首先简单说明以下,我前端请求一开始用的POST,请求代码片段如下:export const postRequest = (url, params) => { let accessToken = getStore("accessToken"); return axios({ method: 'post', url: `${base}${url}`, data: params, trans_设置searchform表单指定错误或url为空。

百度地图 v3.5 根据数据源添加很多覆盖物和监听这些覆盖物,处理覆盖物重叠,点击添加覆盖物_vue baidu map 检测覆盖物是否重叠-程序员宅基地

文章浏览阅读4.9k次。在上一片博客中已经讲述了如何定位,这里主要讲根据数据源来添加覆盖物,在百度的demo中就只是演示了他固定添加了几个覆盖物,但是在实际项目中需要添加的添加的覆盖物就不是固定的,需要根据list集合数据源来添加,并且需要为这些覆盖物添加上对应的点击事件。 markers=new Marker[rodlist.size()]; for (int i=0;i

随便推点

GetAdaptersInfo & GetAdaptersAddresses-程序员宅基地

文章浏览阅读370次。I use GetAdaptersInfo to get MAC addresses of interfaces. GetAdaptersInfo exist on old and new versions of Windows. But msdn warns : "On Windows XP and later: Use the GetAdaptersAddresses ..._hook getadaptersaddresses崩溃

Go语言学习之函数(The way to go)_unexpected swap, expecting (-程序员宅基地

文章浏览阅读1.3w次。生命不止,继续Go go go.变量介绍完了,流程控制介绍完了,也该轮到函数了。 go中,使用关键字func进行函数声明:func function_name( [parameter list] ) [return_types]{ body of the function}比如,声明一个函数,交换两个字符串:func swap(x, y string) (string, string) {_unexpected swap, expecting (

如何搭建服务器及注意事项_科学搭建服务器-程序员宅基地

文章浏览阅读3.2k次。服务器是重要的网络设备,很多人在使用服务器建立网站的时候,都想要自己进行搭建。服务器是为我们提供不间断的互联网应用以及服务的主机,能起到为我们提供文件上传,数据保存,应用服务或网站浏览等作用,其实不是机房要用服务器,而是服务器需要机房,将服务器放在机房,是为了统一管理,节省资源,使其提供的服务更稳定。如何搭建服务器一、开启FTP服务,并建立FTP网站1.打开控制面板,找到程序和功能,点击“启用或者关闭windows功能”。2.把箭头所指的地方都打上勾,然会点击确定,等待配置结束。3.回到控制面板_科学搭建服务器

python中groupby函数详解(非常容易懂)_groupby怎么用python-程序员宅基地

文章浏览阅读3.3w次,点赞61次,收藏518次。python中groupby函数详解(非常容易懂)一、groupby 能做什么?python中groupby函数主要的作用是进行数据的分组以及分组后地组内运算!对于数据的分组和分组运算主要是指groupby函数的应用,具体函数的规则如下:df.groupby([df[属性],df[属性])(指分类的属性,数据的限定定语,可以有多个).mean()(对于数据的计算方式——函数名称)举例如下:print(df[“评分”].groupby([df[“地区”],df[“类型”]]).mean())#上_groupby怎么用python

关闭所有杀毒软件快捷方法_windows7怎么关闭所有杀毒软件-程序员宅基地

文章浏览阅读969次。_windows7怎么关闭所有杀毒软件

To display the conditions report re-run your application with ‘debug‘ enable-程序员宅基地

文章浏览阅读1.2k次。启动spring boot报错: To display the conditions report re-run your application with 'debug' enable端口被占用了 修改 server.port= 31001解决_to display the conditions report re-run your application with 'debug' enable

推荐文章

热门文章

相关标签