javaScript 判断输入的文本是否在1到10之间

最新推荐文章于 2022-10-25 09:46:53 发布
最新推荐文章于 2022-10-25 09:46:53 发布
阅读量1.4k 收藏 5
点赞数 1
分类专栏： 前端碰到的问题 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41974250/article/details/109354947
版权 
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>测试</title>
		
		<script>
		function validateNum(){
			
			    var x,text
				//首先得获得输入的值，即获得 id = "numb"的值
				 x = document.getElementById("numb").value;
				//获取到值后，1、判断是否为数字，2、判断该值是否在1 到 10 之间
				 if(isNaN(x) || x < 1 || x > 10){
					 text = "输入错误"
				 }else{
					 text = "输入正确"
				 }
				 //打印出text
				 document.getElementById("demo").innerHTML = text;
			}
		</script>
			
	</head>
	<body>
		<p>请输入 1 到 10 之间的数字：</p>
		<input id = "numb">
		<button type="button" onclick="validateNum()">提交</button>
		
		<p id = "demo"></p>
	</body>
</html>

 

江清辞
关注
  • 1
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS学习之流程控制
weixin_53317758的博客
04-25 747
流程控制 在一个恒旭执行的过程中，各条代码的执行顺序对程序的结果是由直接影响的，很多时候我们要控制代码的执行顺序来实现我们要完成的功能 简单理解：流程控制就是来控制我们的代码按照什么结构顺序来执行 流程控制主要有三种结构，分别是顺序结构、分支结构和循环结构，这三种结构代表三种代码执行的顺序 顺序结构的程序 最简单、最基本的流程控制，它没有特定的语法结构，程序会按照代码的先后顺序、依次执行，程序中大多数的代码都是这样执行的 分支结构 由上到下执行代码的过程中，根据不同的条件，执行不同的路径代
javascript限制文本框输入值类型的方法
12-11
重点是我希望在用户输入时就做限制，而不是提交时判断——也就是说如果用户在文本框内输入数字或小数点，可以正常输入；如果输入字母等非数字字符，则文本框会没有任何反应，不会显示输入的字符。 <html> &lt...
JS 判断输入数字是否为1-31之间的数
甘乐2333的博客
06-09 1901
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .redFont { color: red; ...
纯javascript判断查询日期是否为有效日期
10-23
很多网站都涉及到输入日期选项，如果客户日期输入错误，可能导入查询不到甚至查询到错误的信息，为了更好的满足用户需求，需要对日期进行校验，下面给大家介绍使用纯javascript如何判断查询日期是否为有效日期，需要的朋友可以参考下
JavaScript 输入框值为1-10之间数字
DreamTL的博客
04-22 5083
通过JavaScript来判断输入框值为1-10之间的数字，当输入非汉字时，弹出提示信息，当输入1-10之间时，弹出输入内容（以弹框的形式来进行提示）   代码如下： 通过   isNaN 函数来判断是否为数字，如果不是数字，返回true，为数字，返回false     html> lang="en"> charset="UTF-8"> fu
前端面试题（js篇）
热门推荐
qq_40096030的博客
03-11 1万+
1.解释一下什么是闭包 什么是闭包：函数使用了不属于自己的局部变量(函数套函数，里面函数使用了外面函数定义的变量) 闭包的作用：避免全局污染 闭包的缺点：使用过多会造成内存泄漏（占用的内存释放不掉） 2.js中的本地存储有哪些，区别是什么 (1).sessionStorage 仅在当前会话下生效，当你关闭页面或浏览器后你存储的sessionStorage数据会被清除。 可存储的数据大小一般在5mb。 不参与和服务器的通信 (2).localStorage 永久有效，关闭浏览器也不会消失的，除非自己主动清除l
JS学习三
qq_38393535的博客
04-06 838
JS学习三数组创建数组获取数组中的元素遍历数组数组的长度数组中新增元素通过修改length长度新增数组元素通过修改数组索引增数组元素数组案例删除指定的数组元素翻转数组冒泡排序选择排序函数函数的使用声明函数和调用函数函数的封装函数的参数语法格式案例1案例2函数实参和形参不匹配问题函数的返回值语法格式运用之前程序的改进案例注意事项break continue return的区别练习arguments的使用函数的案例案例1案例2案例3案例4：一个函数可以调用另一个函数函数的两种声明方式作用域作用域变量的作用域全局
数字之间的逻辑运算符(JavaScript)
wusandaofwy的博客
07-29 699
数字之间的逻辑运算符(JavaScript) 数字之间&&,||运算,!运算
js小案例~~~（数字小于10 补 0）（极简易版计算器）
weixin_69742797的博客
05-06 1146
1、数字小于10 补 0 // 数字小于10 补 0 // 声明一个输入框并转换为数值类型 let num = Number(prompt('请输入一个数字')) // 判断 小于10 为true if (num < 10) { // + 号 ，两边数值有一个是字符串 就是拼接 // 小于 拼接 再赋值给num num = '0' + num console.log(num) } else { .
js取1-10的整数
拼命小李博客
01-23 2730
直接使用: Math.ceil(Math.random()*10)//获取1-10之间的整数 解释: Math.random()//随机生成一个0-1之间的小数 Math.random()*10//将生成的小数×10 Math.ceil()//将乘10后的数字进行取整 ...
JS常用正则表达式和JS控制输入框输入限制(数字、汉字、字符)
jp2021的博客
10-25 6160
JS常用正则表达式和JS控制输入框输入限制(数字、汉字、字符)
JavaScript中判断两个字符串是否相等的方法
01-19
先将用户的输入值全部转换为大写（或小写），然后再行比较： 大家可以先参考实例： js中怎么判断两个字符串相等的实例 https://www.jb51.net/article/154827.htm var name = document.form1.txtUserName.value....
javascript 实现输入多行动态输入
05-31
JSP用中收集数据:javascript 实现输入多行动态输入 在网上找了一下,只有一篇此类文章,还是PHP的,害得我要特意去看一下PHP,感觉很不好,是一种弱类型的语言,可以不声明就使用,因此,还要在每个变量前加$.不知道那些...
用JavaScript计算在UTF-8下存储字符串占用字节数
01-21
遇到这么一个问题，数据库的字符集为UTF-8的，要在页面上使用JavaScript验证输入的文本用UTF-8存储时占用字节长度。JavaScript的String对象有length属性，但是这个计算的是字符数，不是字节数（问题总是翻来覆去的...
vue.js 点击不同的按钮，按钮相应背景颜色改变
qq_41974250的博客
11-07 7276
<button @click="buttonClick(1)" :class="buttonIndex == 1?'bgcolor':''">月</button> <button @click="buttonClick(2)" :class="buttonIndex == 2?'bgcolor':''">季</button> <button @click="buttonClick(3)" :class="buttonIndex == 3?'bgco...
vue elementUI el-pagination 分页器的使用细节
qq_41974250的博客
03-23 6666
vue elementUI el-pagination 分页器的使用细节
vue 对一个数组进行按条件筛选，满足条件的id,拼接起来
qq_41974250的博客
01-06 3538
this.AddUsrAreaForm.areaIds=(this.areaList.filter(item=>item.isshow)).map(item=>item.id).toString();
判断数组是否为空，如果为空返回一个空的数组，不为空则用空格分割
qq_41974250的博客
10-28 2309
判断数组是否为空，如果为空返回一个空的数组，不为空则用空格分割 res.data.forEach(item=>{ item.list=item.list.length===0?[]:item.list.split('') })
el-select 下拉框中加入“全部”，点击查出所有数据
qq_41974250的博客
10-29 1872
<el-select v-model="deviceSearchForm.siteId" placeholder="请选择"> <el-option v-for="item in siteList" :key="item.siteId" :value="item.siteId" :label="item.siteName"></el-option> </el-select> getSiteList(){ if (!...
JavaScript，用户输入1-10之间的整数，则用循环打印用户输入次数
最新发布
08-25
### 回答1： 以下是用 JavaScript 实现的程序，根据用户输入的两个整数，输出它们之间所有的整数： ```javascript const readline = require('readline'); const rl = readline.createInterface({ input: process.stdin, output: process.stdout }); rl.question('请输入第一个整数：', (num1) => { rl.question('请输入第二个整数：', (num2) => { for (let i = Math.min(num1, num2); i <= Math.max(num1, num2); i++) { console.log(i); } rl.close(); }); }); ``` 在运行该程序时，用户需要在终端中输入两个整数，程序将会按顺序打印出这两个整数之间所有的整数。例如，如果用户输入了 5 和 10，程序将会输出： ``` 5 6 7 8 9 10 ``` 注意，此程序使用了 Node.js 的 `readline` 模块来读取用户的输入，并使用了一个 `for` 循环来输出指定范围内的整数。 ### 回答2： 首先，我们需要创建一个用于获取用户输入的输入框。可以使用HTML中的<input>元素来创建一个文本输入框，并使用JavaScript来获取用户输入的值。 接下来，我们需要使用循环来打印用户输入的次数。可以使用for循环来实现。for循环有一个计数器变量，每次循环时该变量自增1，直到达到用户输入的次数停止循环。 具体代码如下： HTML代码： ```html <input type="text" id="numberInput" placeholder="请输入1-10之间的整数"> <button onclick="printInput()">打印次数</button> ``` JavaScript代码： ```javascript function printInput() { var userInput = parseInt(document.getElementById("numberInput").value); if (userInput >= 1 && userInput <= 10) { for (var i = 0; i < userInput; i++) { console.log("第" + (i+1) + "次打印"); } } else { console.log("请输入1-10之间的整数"); } } ``` 以上代码中，首先使用parseInt()函数将用户输入的字符串转换为整数，并将其赋值给变量userInput。然后使用if语句来验证用户输入的值是否在1-10的范围内。 如果用户输入的值在1-10之间，则使用for循环进行打印。循环的次数为用户输入的值。每次循环，使用console.log()函数将打印信息输出到控制台。 如果用户输入的值不在1-10之间，则输出提示信息到控制台。 ### 回答3： 可以使用JavaScript编写一个简单的程序，实现用户输入1-10之间的整数，并根据用户的输入次数使用循环进行打印。 以下是一个示例程序： ```javascript // 获取用户输入的整数 var number = parseInt(prompt("请输入1-10之间的整数：")); // 判断用户输入是否在1-10之间 if(number >= 1 && number <= 10){ // 使用循环打印用户输入次数 for(var i = 0; i < number; i++){ console.log("这是第" + (i+1) + "次打印"); } }else{ console.log("输入不符合要求，请重新输入"); } ``` 以上代码首先通过`prompt`函数获取用户输入的整数，并使用`parseInt`函数将其转换为数字类型。然后，通过`if`条件判断用户输入是否在1-10之间，如果是，则使用`for`循环来打印用户输入次数。每次循环打印时，会输出当前的打印次数。 如果用户输入不符合要求（小于1或大于10），则会打印出相应的提示信息。 需要注意的是，上述代码中使用了`console.log`来打印输出结果，在浏览器控制台中可以看到输出内容。如果要在网页上显示输出结果，可以通过`document.write`或其他方法来实现。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值