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

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

news 2026/3/30 10:02:53

 以下为用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

别再手动复制粘贴了！用CubeMX一键生成FreeRTOS工程（STM32F4 HAL库实战）

告别繁琐配置&#xff1a;STM32CubeMXFreeRTOS全自动工程生成指南 在嵌入式开发领域&#xff0c;时间就是竞争力。传统FreeRTOS移植需要手动复制文件、配置路径、修改中断向量表&#xff0c;稍有不慎就会陷入头文件缺失、链接错误的泥潭。现在&#xff0c;STM32CubeMX的图形化…...

编程新知 2026/3/30 9:43:55

手机号与QQ号关联查询工具：技术原理与实战指南

手机号与QQ号关联查询工具&#xff1a;技术原理与实战指南 【免费下载链接】phone2qq 项目地址: https://gitcode.com/gh_mirrors/ph/phone2qq 破解数字身份关联难题&#xff1a;phone2qq工具的价值定位 在多账号管理场景中&#xff0c;用户经常面临数字身份关联断层问…...

编程新知 2026/3/30 9:39:53

Scarab：基于Avalonia的跨平台空洞骑士模组管理器架构解析

Scarab&#xff1a;基于Avalonia的跨平台空洞骑士模组管理器架构解析 【免费下载链接】Scarab An installer for Hollow Knight mods written in Avalonia. 项目地址: https://gitcode.com/gh_mirrors/sc/Scarab Scarab是一款专为《空洞骑士》游戏设计的跨平台模组管理器…...

编程新知 2026/3/30 9:17:47

3个步骤掌握163MusicLyrics：多平台歌词提取与管理完全指南

3个步骤掌握163MusicLyrics&#xff1a;多平台歌词提取与管理完全指南 【免费下载链接】163MusicLyrics Windows 云音乐歌词获取【网易云、QQ音乐】 项目地址: https://gitcode.com/GitHub_Trending/16/163MusicLyrics 你是否曾为找不到老歌的歌词而翻遍全网&#xff1f…...

编程新知 2026/3/30 9:17:47

微信聊天记录永久保存：WeChatExporter开源工具全流程指南

微信聊天记录永久保存&#xff1a;WeChatExporter开源工具全流程指南 【免费下载链接】WeChatExporter 一个可以快速导出、查看你的微信聊天记录的工具 项目地址: https://gitcode.com/gh_mirrors/wec/WeChatExporter 问题&#xff1a;数据丢失的三重警示 2023年某科技…...

编程新知 2026/3/30 9:11:44

告别调包：手把手教你用PyTorch从零复现CRNN文本识别网络（附完整代码）

从零构建CRNN文本识别引擎&#xff1a;PyTorch实战指南与工业级优化技巧 在计算机视觉领域&#xff0c;文本识别技术正经历着从传统算法到深度学习的革命性转变。当我们谈论OCR&#xff08;光学字符识别&#xff09;时&#xff0c;CRNN&#xff08;卷积循环神经网络&#xff0…...

编程新知 2026/3/30 9:03:40

CosyVoice多语言语音合成体验：支持中英日韩粤，一键生成

CosyVoice多语言语音合成体验&#xff1a;支持中英日韩粤&#xff0c;一键生成 1. 开篇&#xff1a;语音合成新体验 想象一下&#xff0c;你正在制作一个面向全球市场的产品宣传视频&#xff0c;需要中文、英文、日语、韩语和粤语五种语言的配音。传统方式需要找五位不同语种…...

编程新知 2026/3/30 7:14:59

一键部署MedGemma：打造个人医学AI研究环境

一键部署MedGemma&#xff1a;打造个人医学AI研究环境 1. 为什么需要医学AI研究环境 在医学影像分析领域&#xff0c;研究人员常常面临两个主要挑战&#xff1a;一是缺乏高效的工具来快速验证新的AI模型在医学影像上的表现&#xff0c;二是需要一个直观的界面来展示和解释AI的…...

编程新知 2026/3/30 7:02:56

lite-avatar形象库使用手册：浏览、选择、集成三步搞定

lite-avatar形象库使用手册&#xff1a;浏览、选择、集成三步搞定 在数字人应用开发中&#xff0c;选择合适的虚拟形象往往是项目启动的第一个挑战。传统方式需要从零开始建模、训练&#xff0c;不仅耗时耗力&#xff0c;结果也难以保证。lite-avatar形象库的出现&#xff0c;…...

编程新知 2026/3/30 6:32:52

STM32一键下载电路设计与CH340应用

STM32一键下载电路设计与实现1. 项目概述1.1 功能需求STM32系列微控制器在开发过程中&#xff0c;通常需要通过串口进行程序下载。传统下载方式需要手动操作BOOT0和RESET引脚&#xff0c;过程繁琐且容易出错。本项目设计了一种基于CH340芯片的自动下载电路&#xff0c;通过软件…...

编程新知 2026/3/30 6:28:51