JavaScript基础——练习巩固题目(1)

1、获取用户信息

依次询问并获取用户的姓名、年龄、性别,收集数据之后在控制台依次打印出来。

提示:

  • 通过prompt来弹出提示框,收集用户信息

  • 通过变量保存数据

2、增加年龄

  • 询问用户年龄,用户输入年龄后,把用户输入的年龄增加5岁
  • 增加5岁后,通过弹出框提示用户 “ 据我估计,五年后,你可能XX岁了”

提示:

  • 通过prompt来弹出提示框,收集用户信息

  • 通过变量保存数据

  • 转换数据类型(需要预习数据类型转换哟)

    <script>//1.获取用户信息let uname = prompt('请输入您的姓名:')let age = +prompt('请输入您的年龄:')let gender = prompt('请输入您的性别:')console.log(uname);console.log(age);console.log(gender);let ages = age + 5alert(`据我估计,五年后,你可能${ages}岁了`)</script>

 计算银行卡余额

  • 用户输入总的银行卡金额,依次输入本月花费的电费,水费,网费。
  • 页面打印一个表格,计算出本月银行卡还剩下的余额。

提示:

  1. 我们需要5个变量:银行卡总额、水费、电费、网费、银行卡余额
  2. 银行卡余额= 银行卡总额 – 水费 –电费 - 网费
  3. 第一步准备5个变量接受输入的数据
  4. 第二步计算银行卡余额
  5. 第三步页面打印生成表格,里面填充数据即可。
  6. 当然可以提前把html页面搭好。
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>h2 {text-align: center;}table {width: 700px;height: 90px;margin: 0 auto;}table,th,td {border: 1px solid #333;border-collapse: collapse;text-align: center;}</style>
</head><body><h2>2023年9月消费支出</h2><script>// 1. 声明5个变量 const total = prompt('请输入银行卡总额:')const waterBill = prompt('请输入水费:')const dianBill = prompt('请输入电费:')const netBill = prompt('请输入网费:')const money = total - waterBill - dianBill - netBill// console.log(money)document.write(`<table><tr><th>银行卡余额</th><th>水费</th><th>电费</th><th>网费</th><th>银行卡余额</th></tr><tr><td>${total}元</td><td>${waterBill}元</td><td>${dianBill}元</td><td>${netBill}元</td><td>${money}元</td></tr></table>`)</script>
</body></html>

打印0-20之间的整数,将每个数输出到控制台

<script>for (let i = 0; i <= 20; i++) {console.log(`0~20之间的整数是: ${i}`)}
</script>

计算1-1000之间的累加和,并且打印输出到页面中

<script>let sum = 0for (let i = 1; i <= 1000; i++) {sum += i}console.log(`1~1000之间的累加和是: ${sum}`)
</script>

页面依次打印100-200之间,可以被6整除的数字

<script>for (let i = 100; i <= 200; i++) {if (i % 6 === 0) {console.log(`100~200之间可以被6整除的是: ${i}`)}}
</script>

用户弹窗输入两个数字,页面输出两个数字中的最大值(请使用三元运算符完成)

<script>let a = +prompt('请输入第一个数:')let b = +prompt('请输入第二个数:')max = a > b ? a : bdocument.write(max)
</script>

用户输入一个数,计算1到这个数的累加和

  • 比如 用户输入的是 5, 则计算 1~5 之间的累加和

  • 比如用户输入的是10, 则计算 1~10 之间的累加和

 <script>let num = prompt('请输入一个数字')let sum = 0for (let i = 1; i <= num; i++) {sum += i}console.log(`累加和是:${sum}`)</script>

 输出成绩(请使用if多分支来书写)

接收用户输入的分数,根据分数输出对应的等级字母 A、B、C、D、E,

  • 90分(含)以上 ,输出:A

  • 80分(含)~ 90 分(不含),输出:B

  • 70分(含)~ 80 分(不含),输出:C

  • 60分(含)~ 70 分(不含),输出:D

  • 60分(不含) 以下,输出:E

    <script>//输出成绩案例let score = +prompt('请输入您的成绩:')if(score >= 90){document.write('您的成绩为A')}else if(score >= 80){document.write('您的成绩为B')}else if(score >= 70){document.write('您的成绩为C')}else if(score >= 60){document.write('您的成绩为D')}else{document.write('您的成绩为E')}</script>

 输出星期练习(请使用switch分支语句来书写)

请用户输入1个星期数. 就将对应的英文的星期打印出来.

  • 比如用户输入'星期一', 则 页面可以打印 monday

  • 英文自己查有道。比如星期一是 monday 星期二是 tuesday

    <script>// 输出星期练习(使用switch)let week = prompt('请输入星期一到星期天其中一天:')switch (week) {case '星期一':document.write('Monday')breakcase '星期二':document.write('Tuesday')breakcase '星期三':document.write('Wednesday')breakcase '星期四':document.write('Thursday')breakcase '星期五':document.write('Friday')breakcase '星期六':document.write('Saturday')breakcase '星期天':document.write('Sunday')break}</script>

 用户登录验证

接收用户输入的用户名和密码,若用户名为 “admin” ,且密码为 “123456” ,则提示用户登录成功! 否则,让用户一直输入。

while (true) {let msg = prompt('名字')let pwd = prompt('密码')if (msg === 'admin' && pwd === '123456') {break}
}
alert('登录成功')

根据用户选择计算两个数的结果

题目描述:

打开页面出现一个提示框,注意是一直提示的,'请您选择 + - * / ,如果输入q,则是退出结束程序

  • 如果输入的是 + - * / 其中任何一个,比如用户输入是 + ,则是计算求和,如果用户输入是 * 则是计算乘积

    • 则提示第一个弹窗,提示用户:'请您输入第一个数字'

    • 输入完毕则继续提示第二个弹窗,提示用户:'请您输入第二个数字'

    • 都输入完毕,则通过警示框 alert 输出结果

  • 如果输入是 q,则结束程序

提示:多分支请使用if多分支来完成
<script>while (true) {let re = prompt(`1. 输入 + - * / 计算两个数字的结果2. 如果是q则是退出`)if (re === 'q') {break} else {let x = +prompt('请输入第一个数字')let y = +prompt('请输入第二个数字')if (re === '+') {alert(`两个数的和是: ${x + y}`)} if (re === '-') {alert(`两个数的差是: ${x - y}`)} if (re === '*') {alert(`两个数的乘积是: ${x * y}`)} if (re === '/') {alert(`两个数的求商是: ${x / y}`)}}}
</script>

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/111772.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

单片机判断语句与位运算的坑

一.问题描述 在我判断Oled的某点的值是否为1时,用到了如下判断语句 if(oled[x][y/8] &1<<(y%8)但是,当我将其改为如下的判断语句,代码却跑出BUG了 if((oled[x][y/8]&1<<(y%8))1)二.原因分析 1.if语句理解错误 首选让我们看看下面的代码运行结果 #inc…

sqlsever解决传入参数过多的一种思路

问题 com.microsoft.sqlserver.jdbc.SQLServerException: 传入的请求具有过多的参数。该服务器支持最多 2100 个参数。请减少参数的数目&#xff0c;然后重新发送该请求。 方案 java sqlsever 或 sqlsever存储过程 方案1 java sqlsever 解决方案 1. 将数据处理成XML格式 …

Django中ORM框架的各个操作

我们会好奇&#xff0c;python这么简洁的语言&#xff0c;数据查询是如何做的呢&#xff1f;我将进一步详细和深入地介绍Django中ORM框架的各个方面&#xff0c;包括MySQL的增删改查和复杂查询。让我们分步骤进行。 ORM框架介绍 Django的ORM框架是一个用于与数据库进行交互的工…

Stable Diffusion WebUI扩展a1111-sd-webui-tagcomplete之Booru风格Tag自动补全功能详细介绍

安装地址 直接附上地址先: Ranting8323 / A1111 Sd Webui Tagcomplete GitCodeGitCode——开源代码托管平台,独立第三方开源社区,Git/Github/Gitlabhttps://gitcode.net/ranting8323/a1111-sd-webui-tagcomplete.git上面是GitCode的地址,下面是GitHub的地址,根据自身情…

Android AccessibilityService dispatchGesture

Android AccessibilityService dispatchGesture 一、dispatchGesture方法 1.申请权限 <uses-permission android:name"android.permission.BIND_ACCESSIBILITY_SERVICE"tools:ignore"ProtectedPermissions" />2.使用 public class MyAccessibili…

Kotlin Compose Multiplatform 跨平台开发实践之加入 iOS 支持

前言 几个月前 Compose Multiplatform 的 iOS 支持就宣布进入了 Alpha 阶段&#xff0c;这意味着它已经具备了一定的可用性。 在它发布 Alpha 的时候&#xff0c;我就第一时间尝鲜&#xff0c;但是只是浅尝辄止&#xff0c;没有做过多的探索&#xff0c;最近恰好有点时间&…

vue实现分页

第一步 页面添加分页控件 <el-pagination size-change"handleSizeChange" current-change"handleCurrentChange" :current-page"currentPage":page-sizes"[10, 20, 30, 40]" :page-size"pageSize" layout"total, s…

idea Java代码格式化规范

文章目录 引入基础知识代码模板idea模板eclipse模板1.安装插件2.生成配置文件3.导入配置文件 附录一&#xff1a;xml配置项说明附录二&#xff1a;赠送 引入 最近在公司开发中&#xff0c;遇到了一点小问题&#xff0c;组内各同事的格式化规范不一致。一来导致代码样式并不统一…

Polars库的常见用法总结

Polars是一个基于Rust语言的数据操作和分析库&#xff0c;专为大型数据集和高性能计算而设计。它提供了类似于pandas的API&#xff0c;但在性能方面更加强大。 以下是Polars库的一些常见用法&#xff1a; 导入Polars库&#xff1a; import polars as pl读取数据&#xff1a;…

【RealTek sdk-3.4.14b】RTL8812F 5G WiFi ETSI认证增加144~165信道支持修改

SDK说明 ** Gateway/AP firmware v3.4.14b – Aug 26, 2019**  Wireless LAN driver changes as:  Refine WiFi Stability and Performance  Add 8812F MU-MIMO  Add 97G/8812F multiple mac-clone  Add 97G 2T3R antenna diversity  Fix 97G/8812F/8814B MP issu…

【Linux学习笔记】常用命令汇总

sed https://mp.weixin.qq.com/s/PxaesXU7nkmYNCxIQ1ZHfw sed是一个强大的流式文本编辑器&#xff0c;它可以在读取文本时进行修改并输出&#xff0c;支持各种复杂的字符串替换、内容删除、行插入等操作。 sed s/old_string/new_string/g test.txt > new_test.txts是sed命令…

QCC51XX-QCC30XX系列开发教程(实战篇) 之 12.1-空间音频相关模块的概述

查看全部教程开发请点击:全网最全-QCC51xx-QCC30xx(TWS)系列从入门到精通开发教程汇总(持续更新中) ==================================================================== 版权归作者所有,未经允许,请勿转载。 ==========================================

从零开始搭建第一个django项目

目录 配置环境创建 Django 项目和 APP项目组成  ‍子目录文件组成应用文件组成 配置 settings.py启动项目 数据表创建models.pyDjango-models的常用字段和常用配置 Django-admin 引入admin后台和管理员外键views.pyurls.pypostman接口测试 QuerySetInstance功能APIView 的概念…

线程池在项目中的使用

1.runAsync执行完后无返回值 package com.search.thread; import java.util.concurrent.*; public class ThreadTest {public static ExecutorService executor Executors.newFixedThreadPool(10);public static void main(String[] args) throws ExecutionException, Interr…

[架构之路-240]:目标系统 - 纵向分层 - 应用层 - 应用层协议与业务应用程序的多样化,与大自然生物的丰富多彩,异曲同工

目录 前言&#xff1a; - 倒金子塔结构 - 大自然的组成 一、应用层在计算机系统中的位置 1.1 计算机应用程序的位置 1.1.1 业务应用程序概述 1.1.2 应用程序的分类 - 按照计算机作用范围 1.1.3 业务应用程序分类 - 按照行业分类 1.2 网络应用协议的位置 1.2.1 网络协…

django建站过程(1)

django建站过程&#xff08;1&#xff09; 使用pycharm创建过程运行项目创建数据库创建超级用户登录生成的后台&#xff1a;界面本地化 准备以django,bootstrap来做一个过程记录&#xff0c;文章主要阐述过程的细节。 使用pycharm创建过程 创建项目“schoolapps”&#xff0c;…

使用EasyExcel实现Excel导入导出

介绍 EasyExcel是一个基于Java的、快速、简洁、解决大文件内存溢出的Excel处理工具。 他能让你在不用考虑性能、内存的等因素的情况下&#xff0c;快速完成Excel的读、写等功能。 快速&#xff1a;快速的读取excel中的数据。 简洁&#xff1a;映射excel和实体类&#xff0c;让…

【Java异常】什么是异常,Java中如何处理异常?

个人简介&#xff1a;Java领域新星创作者&#xff1b;阿里云技术博主、星级博主、专家博主&#xff1b;正在Java学习的路上摸爬滚打&#xff0c;记录学习的过程~ 个人主页&#xff1a;.29.的博客 学习社区&#xff1a;进去逛一逛~ Java异常处理 1. 了解异常&#xff1a;2. 异常…

探索未来的视觉革命:卷积神经网络的崭新时代(一)

&#x1f497;&#x1f497;&#x1f497;欢迎来到我的博客&#xff0c;你将找到有关如何使用技术解决问题的文章&#xff0c;也会找到某个技术的学习路线。无论你是何种职业&#xff0c;我都希望我的博客对你有所帮助。最后不要忘记订阅我的博客以获取最新文章&#xff0c;也欢…

leetcode 392. 判断子序列、115. 不同的子序列

392. 判断子序列 给定字符串 s 和 t &#xff0c;判断 s 是否为 t 的子序列。 字符串的一个子序列是原始字符串删除一些&#xff08;也可以不删除&#xff09;字符而不改变剩余字符相对位置形成的新字符串。&#xff08;例如&#xff0c;"ace"是"abcde"的…