当前位置： 首页 > news >正文

JavaScript实现用while语句计算1+n的和的代码

news 2026/5/20 10:39:16

 以下为用while语句计算1+n的和实现结果的代码和运行截图

目录

前言

一、实现用while语句计算1+n的和

1.1运行流程及思想

1.2代码段

1.3 JavaScript语句代码

1.4运行截图

【附加】用while计算1+10的和

1.1代码段

1.3 运行截图

前言

1.若有选择，您可以在目录里进行快速查找；

2.本博文代码可以根据题目要求实现相关使用功能。同时可以实现自定义的设置；

3.本文介绍的是JavaScript代码习题，本博文使用的软件是HBuilder X3.7.9编写的代码，原则上其他软件如DW、VSCode或DW较低或较高版本的软件都是兼容的，若您有需要且编写软件不是HBX等软件原则上都是可以能正常运行的；

图1   编写软件举例（部分）

4.这里要特别说明，因为我使用的是HBX，所以是网页格式，我也单独把<script>语句粘贴了出来，有需要可直接复制<script>语句；

5.本博文代码是我在上学时写的，有一些地方没能完美实现，请包涵也请多赐教，若您发现了问题也请麻烦您将问题反馈给我，我好更正错误、总结完善、持续改善！ 

6.博文通常需要在浏览器运行，通常会弹出表单，输入数值并得出结果。本文使用的是谷歌浏览器，推荐使用谷歌浏览器；

7.若涉及侵权，请联系删除；

提示：以下是本篇文章正文内容，下面案例可供参考

一、实现用while语句计算1+n的和

1.1运行流程及思想

这是以在网页中弹出脚本，输入数值，计算和为基础运算编写的代码，具体思想流程如下:

1.2代码段

代码如下（示例）：

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><script type="text/javascript">var n=parseInt(prompt("请输入数值:",0));var i=1;var sum=0;while(i<=n){sum=sum+i;i=i+1;}alert(sum);</script></head><body></body>
</html>

1.3 JavaScript语句代码

代码如下（示例）：

<script type="text/javascript">var n=parseInt(prompt("请输入数值:",0));var i=1;var sum=0;while(i<=n){sum=sum+i;i=i+1;}alert(sum);</script>

1.4运行截图

运行结果如下（示例）：

1.4.1浏览器弹出表单显示结果

1.4.2运行后显示结果 

【附加】用while计算1+10的和

1.1代码段

代码如下（示例）：

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><script type="text/javascript">var i=1;var sum=0;while(i<=10){sum=sum+i;i=i+1;}alert(sum);</script></head><body></body>
</html>

1.3 运行截图

运行结果如下（示例）：

1.3.2运行后显示结果 

相关文章：

JavaScript实现用while语句计算1+n的和的代码

以下为用while语句计算1n的和实现结果的代码和运行截图 目录 前言 一、实现用while语句计算1n的和 1.1运行流程及思想 1.2代码段 1.3 JavaScript语句代码 1.4运行截图 【附加】用while计算110的和 1.1代码段 1.3 运行截图 前言 1.若有选择&#xff0c;您可以在目录里…...

编程日记 2023/4/30 3:01:45

Three.js教程：顶点索引复用顶点数据

推荐&#xff1a;将 NSDT场景编辑器 加入你3D工具链 其他工具系列&#xff1a; NSDT简石数字孪生 顶点索引复用顶点数据 通过几何体BufferGeometry的顶点索引属性BufferGeometry.index可以设置几何体顶点索引数据&#xff0c;如果你有WebGL基础很容易理解顶点索引的概念&#…...

编程日记 2023/4/30 2:56:43

机器学习中的数学——学习曲线如何区别欠拟合与过拟合

通过这篇博客&#xff0c;你将清晰的明白什么是如何区别欠拟合与过拟合。这个专栏名为白话机器学习中数学学习笔记&#xff0c;主要是用来分享一下我在 机器学习中的学习笔记及一些感悟&#xff0c;也希望对你的学习有帮助哦&#xff01;感兴趣的小伙伴欢迎私信或者评论区留言&…...

编程日记 2023/5/29 19:29:07

【Java】类和对象，封装

目录 1.类和对象的定义 2.关键字new 3.this引用 4.对象的构造及初始化 5.封装 //包的概念 //如何访问 6.static成员 7.代码块 8.对象的打印 1.类和对象的定义 对象&#xff1a;Java中一切皆对象。 类&#xff1a;一般情况下一个Java文件一个类&#xff0c;每一个类…...

编程日记 2023/4/30 2:46:40

Python小姿势 - 知识点：

知识点&#xff1a; Python的字符串格式化 标题&#xff1a; Python字符串格式化实例解析 顺便介绍一下我的另一篇专栏&#xff0c; 《100天精通Python - 快速入门到黑科技》专栏&#xff0c;是由 CSDN 内容合伙人丨全站排名 Top 4 的硬核博主 不吃西红柿 倾力打造。 基础知识…...

编程日记 2023/5/30 3:02:05

【Python】【进阶篇】9、Django路由系统精讲

目录 Django路由系统精讲1. Django 路由系统应用1&#xff09;配置第一个URL实现页面访问2&#xff09;正则与正则分组使用3&#xff09;正则捕获组使用 2. path()与re_path() Django路由系统精讲 在《URL是什么》一节中&#xff0c;我们对 URL 有了基本的认识&#xff0c;在本…...

编程日记 2023/4/30 2:36:38

在Linux操作系统上部署wgcloud监控

1.wgcloud监控介绍 1.1 介绍 ​ 这是一款开源的主机监控系统&#xff0c;可以支持主机各种指标监测&#xff08;cpu使用率&#xff0c;cpu温度&#xff0c;内存使用率&#xff0c;磁盘容量空间&#xff0c;磁盘IO&#xff0c;硬盘SMART健康状态&#xff0c;系统负载&#xff…...

编程日记 2023/4/30 2:31:37

浙大的SAMTrack，自动分割和跟踪视频中的任何内容

Meta发布的SAM之后&#xff0c;Meta的Segment Anything模型(可以分割任何对象)体验过感觉很棒&#xff0c;既然能够在图片上面使用&#xff0c;那肯定能够在视频中应用&#xff0c;毕竟视频就是一帧一帧的图片的组合。 果不其然浙江大学就发布了这个SAMTrack&#xff0c;就是在…...

编程日记 2023/4/30 2:26:36

Spring第三方资源配置管理

Spring第三方资源配置管理 1. 管理DataSource连接池对象1.1 管理Druid连接池【重点】1.2 管理c3p0连接池 2. 加载properties属性文件【重点】2.1 基本用法2.2 配置不加载系统属性2.3 加载properties文件写法 说明&#xff1a;以管理DataSource连接池对象为例讲解第三方资源配置…...

编程日记 2023/4/30 2:21:35

网络编程代码实例：多进程版

文章目录 前言代码仓库内容代码&#xff08;有详细注释&#xff09;server.cclient.cMakefile 结果总结参考资料作者的话 前言 网络编程代码实例&#xff1a;多进程版。 代码仓库 yezhening/Environment-and-network-programming-examples: 环境和网络编程实例 (github.com)E…...

编程日记 2023/4/30 2:16:34

一家传统制造企业的上云之旅，怎样成为了数字化转型典范？

众所周知&#xff0c;中国是一个制造业大国。在想要上云以及正在上云的企业当中&#xff0c;传统制造企业也占据了相当大的比例。 那么这类企业在实施数字化转型的时候&#xff0c;应该如何着手&#xff1f;我们不妨来看看一家传统制造企业的现身说法。 国茂股份的数字化转型诉…...

编程日记 2023/4/30 2:11:33

C++入门（C++）

目录 命名空间 1、命名空间的定义 2、命名空间的使用 1、加名空间名称和作用域限定符 2、使用using namespace 命名空间引入 3、使用using将命名空间中某个成员引入 C的输入与输出 缺省参数 1、缺省参数的概念 2、缺省参数分类 1、全缺省参数 2、半缺省参数 函数重载 1、函数重…...

编程日记 2023/4/30 2:06:32

Linux 利用网络同步时间

yum -y install ntp ln -sf /usr/share/zoneinfo/Asia/Shanghai /etc/localtime ntpdate ntp1.aliyun.com 创建加入crontab echo "*/20 * * * * /usr/sbin/ntpdate -u ntp.api.bz >/dev/null &" >> /var/spool/cron/rootntp常用服务器 中国国家授…...

编程日记 2023/4/30 2:01:31

炫技亮点 SpringBoot下消灭If Else，让你的代码更亮眼

文章目录 背景案例第一阶段 萌芽第二阶段 屎上雕花第三阶段 策略工厂模式重构第四阶段 优化 总结 背景 大家好&#xff0c;我是大表哥laker。今天&#xff0c;我要和大家分享一篇关于如何使用策略模式和工厂模式消除If Else耦合问题的文章。这个方法能够让你的代码更加优美、简…...

编程日记 2023/4/30 1:56:30

免费ChatGPT接入网站-网站加入CHATGPT自动生成关键词文章排名

网站怎么接入chatGPT 要将ChatGPT集成到您的网站中&#xff0c;需要进行以下步骤&#xff1a; 注册一个OpenAI账户&#xff1a;访问OpenAI网站并创建一个账户。这将提供访问API密钥所需的身份验证凭据。 获取API密钥&#xff1a;在您的OpenAI控制台中&#xff0c;您可以找到您…...

编程日记 2023/4/30 1:51:29

PostgreSQL的数据类型有哪些？

数据类型分类 分类名称说明与其他数据库的对比布尔类型PG支持SQL标准的boolean数据类型与MySQL中的bool、boolean类型相同&#xff0c;占用1字节存储空间数值类型整数类型有2字节的smallint、4字节的int、8字节的bigint&#xff1b;精确类型的小数有numeric&#xff1b;非精确…...

编程日记 2023/4/30 1:46:28

Android 9.0 系统开机自启动第三方app

1.前言 在9.0的系统rom定制化开发中，在framework定制话的功能开发中，在内置的app中，有时候在系统开机以后会要求启动第三方app的功能，所以这就需要在监听开机完成的广播，然后在启动第三方app就可以了，接下来就需要在系统类中监听开机完成的广播流程来实现功能 2.系统开…...

编程日记 2023/5/30 5:35:11

一些想法：关于学习一门新的编程语言

很多人可能长期使用一种编程语言&#xff0c;并感到很有成就感和舒适感&#xff0c;发现学习一种新的编程语言的想法令人生畏而痛苦。或者可能知道并使用多种编程语言&#xff0c;但有一段时间没有学习新的语言。更或者可能只是好奇别人是如何潜心学习新的编程语言并迅速取得成…...

编程日记 2023/4/30 1:36:26

线性代数——矩阵

文章目录 版权声明基础概念矩阵的运算矩阵的加法数与矩阵相乘矩阵的乘法矩阵的转置 矩阵和方程组方阵和行列式伴随矩阵可逆矩阵分块矩阵矩阵的初等变换初等矩阵等价矩阵行阶梯矩阵行最简矩阵初等变换在矩阵求解中的应用 矩阵的秩 版权声明 本文大部分内容皆来自李永乐老师考研…...

编程日记 2023/4/30 1:31:25

taro之小程序持续集成

小程序持续集成 Taro 小程序端构建后支持 CI&#xff08;持续集成&#xff09;的插件 tarojs/plugin-mini-ci。 目前已支持&#xff08;企业&#xff09;微信、京东、字节、支付宝、钉钉、百度小程序 功能包括&#xff1a; 构建完毕后自动唤起小程序开发者工具并打开项目上传…...

编程日记 2023/4/30 1:26:23

如何一键清理Windows冗余驱动：Driver Store Explorer完全指南

如何一键清理Windows冗余驱动&#xff1a;Driver Store Explorer完全指南 【免费下载链接】DriverStoreExplorer Driver Store Explorer 项目地址: https://gitcode.com/gh_mirrors/dr/DriverStoreExplorer 你是否发现C盘空间不知不觉就满了&#xff1f;Windows系统在C:…...

编程新知 2026/5/20 10:09:52

从源码到实战：手把手教你自定义一个比StringUtils更强大的Java数字校验工具类

从源码到实战&#xff1a;构建超越StringUtils的Java数字校验工具类 在Java开发中&#xff0c;数字校验是每个开发者都会遇到的常见需求。虽然Apache Commons Lang的StringUtils提供了基础的isNumeric方法&#xff0c;但在实际业务场景中&#xff0c;我们经常需要处理更复杂的…...

编程新知 2026/5/20 9:59:16

CentOS 7下VNC连接Sentaurus TCAD服务器，从安装到排错的保姆级避坑指南

CentOS 7下高效连接Sentaurus TCAD的工程实践指南 在半导体设计与仿真领域&#xff0c;Sentaurus TCAD作为行业标准工具链&#xff0c;其服务器环境的稳定访问是研发效率的关键保障。对于刚接触Linux服务器环境的工程师或研究人员而言&#xff0c;如何通过VNC实现图形化界面的远…...

编程新知 2026/5/20 9:56:29

告别桌面混乱！用Utools的「本地文件启动」功能，5分钟打造你的专属文件启动器

告别桌面混乱&#xff01;用Utools的「本地文件启动」功能&#xff0c;5分钟打造你的专属文件启动器 每次打开电脑&#xff0c;看到满屏的文件图标和杂乱无章的文件夹&#xff0c;是不是感觉工作效率瞬间降了一半&#xff1f;作为一名长期与文件打交道的专业人士&#xff0c;我…...

编程新知 2026/5/20 9:15:15

Android Studio中文界面完整汉化指南：三步打造母语开发环境

Android Studio中文界面完整汉化指南&#xff1a;三步打造母语开发环境 【免费下载链接】AndroidStudioChineseLanguagePack AndroidStudio中文插件(官方修改版本&#xff09; 项目地址: https://gitcode.com/gh_mirrors/an/AndroidStudioChineseLanguagePack 还在为And…...

编程新知 2026/5/20 9:11:36

力扣算法面试150题——个人笔记——复习用

双指针 第一题&#xff1a; 125. 验证回文串https://leetcode.cn/problems/valid-palindrome/ 题目内容 如果在将所有大写字符转换为小写字符、并移除所有非字母数字字符之后&#xff0c;短语正着读和反着读都一样。则可以认为该短语是一个 回文串 。 字母和数字都属于字母…...

编程新知 2026/5/20 8:58:05

如何用WeChatExporter轻松备份和恢复微信聊天记录：Mac用户终极指南

如何用WeChatExporter轻松备份和恢复微信聊天记录&#xff1a;Mac用户终极指南 【免费下载链接】WeChatExporter 一个可以快速导出、查看你的微信聊天记录的工具 项目地址: https://gitcode.com/gh_mirrors/wec/WeChatExporter 你是否曾因误删重要微信聊天记录而懊恼不已…...

编程新知 2026/5/20 8:45:52

TI SimpleLink平台实战：MSP432+CC3120构建统一嵌入式开发方案

1. 项目概述&#xff1a;为什么我们需要一个统一的嵌入式开发平台&#xff1f;如果你和我一样&#xff0c;在嵌入式行业摸爬滚打了几年&#xff0c;一定会对下面这个场景深有感触&#xff1a;老板今天说要做个带Wi-Fi的智能插座&#xff0c;你吭哧吭哧用ESP32调通了&#xff1b…...

编程新知 2026/5/20 8:00:59

PotPlayer智能字幕翻译：用百度翻译API打破语言障碍的观影体验

PotPlayer智能字幕翻译&#xff1a;用百度翻译API打破语言障碍的观影体验 【免费下载链接】PotPlayer_Subtitle_Translate_Baidu PotPlayer 字幕在线翻译插件 - 百度平台 项目地址: https://gitcode.com/gh_mirrors/po/PotPlayer_Subtitle_Translate_Baidu 你是否曾在观…...

编程新知 2026/5/20 7:53:25

026 AI 漫剧工具推荐手册，附详细使用教程

2025 年&#xff0c;中国动画微短剧市场规模达 189.8 亿元&#xff0c;同比增长 276.3%&#xff0c;预计 2030 年将突破 850 亿元。与此同时&#xff0c;2026 年 AI 漫剧用户规模将从 1.2 亿飙升至 2.8 亿&#xff0c;市场规模有望突破 240 亿元。这一组数据有多震撼&#xff1…...

编程新知 2026/5/20 7:30:59