js实现简单计算机/验证密码是否合法

news2024/10/29 1:26:35

1.怎么实现一个计算机可以进行简单的加减乘除呢?

就像下面这样可以计算1+1=2...

在js中可以直接获取id的输入文本框对应的值 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <title>简单计算机的应用</title>
    <script>
        function f(){
            var num1=parseFloat(a.value);
            var num2=parseFloat(b.value);

            var res=0;
            if(num2==0&&sign.value=='/'){   //特判分母为0
                alert("非法");
            }
           
            if(sign.value=="+"){
                res=num1+num2;
            }
            if(sign.value=="-"){
                res=num1-num2;
            }
            if(sign.value=="*"){
                res=num1*num2;
            }
            if(sign.value=="/"){
                res=num1/num2;
            }
                
            
            compute.value=res;  //设置计算结果
            
        }

    </script>

    <style>
        /* 随便写点样式 */
        div{
            width: 500pxpx;
            height: 50px;
            text-align: center;
            background-color: green;
            margin: 0 auto;
        }
    </style>


</head>
<body>
    <div>
        <form action="">
            <!-- js可以通过id获取值 -->
            <input type="text" id="a">
            <select name="sign" id="sign">
                <option value="+">+</option>
                <option value="-">-</option>
                <option value="*">*</option>
                <option value="/">/</option>
            </select>
            <input type="text" id="b">
            <input type="button" onclick="f()" value="=">
            <input type="text" id="compute">
        </form>
    </div>
</body>
</html>

还可以计算各种加减乘除

 2.怎么验证一个密码框是否合法呢?

规定:

长度小于8非法

纯数字非法

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <script>
        function check(){
            var s=password.value;
            if(s.length<8){
                alert("字母个数小于8,不符合条件")
            }

            var count=0;
            for(i=0;i<s.length;i++){
                c=s.charAt(i);  //和java字符串一样
                if(c>='A'&&c<='Z')    count++;
                if(c>='a'&&c<='z')    count++;
            }

            document.write(count)
            if(count==0){
                alert("没有字母,非法")
            }
            else{
                alert("合法的亲")
            }

        }

    </script>

    <style>
        div{
            width: 500pxpx;
            height: 300px;
            text-align: center;
            background-color: green;
            margin: 0 auto;
        }
    </style>


</head>

<body>
    <div>
        <form action="">
            <label for="">用户名</label>
            <input type="text" value="hover"> <br>
    
            <label for="">密码</label>
            <input type="text" id="password"> <br>
    
            <input type="button" value="验证" onclick="check()">
            <input type="reset">
        </form>
    </div>
</body>
</html>

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

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

相关文章

基于SSM+微信小程序考试的管理系统(考试1)

&#x1f449;文末查看项目功能视频演示获取源码sql脚本视频导入教程视频 1、项目介绍 基于SSM微信小程序考试的管理系统实现了管理员及用户。 1、管理员功能有个人中心&#xff0c;用户管理&#xff0c;考试资料管理&#xff0c;用户交流管理&#xff0c;试卷管理&#xff…

一行代码,实现请假审批流程(Java版)

首先画一个流程图 测试流程图 activiti 项目基础配置 activiti 工作流引擎数据库设计 工作流引擎API 介绍 什么是BPMN流程图 工作流引擎同类对比 继续学习方向 总结 工作流审批功能是办公OA系统核心能力&#xff0c;如果让你设计一个工作流审批系统&#xff0c;你会吗…

C#入坑JAVA MyBatis入门 CURD 批量 联表分页查询

本文&#xff0c;分享 MyBatis 各种常用操作&#xff0c;不限于链表查询、分页查询等等。 1. 分页查询 在 下文的 的「3.4 selectPage」小节&#xff0c;我们使用 MyBatis Plus 实现了分页查询。除了这种方式&#xff0c;我们也可以使用 XML 实现分页查询。 这里&#xff0c…

c语言中自定义类型:结构体的声明和自引用

结构体回顾 结构是一些值的集合&#xff0c;这些值称为成员变量&#xff0c;结构的每个成员可以是不同类型的变量 例如&#xff1a; #include<stdio.h> struct Book {char book_name[20];char author[20];float price;char id[9]; }b4,b5,b6;//结构体变量 int main()…

JAVA基础:集合 (习题笔记)

写完一定记得 CtrlAltL 让代码格式标准 1.使用List和Map存放多个图书信息&#xff0c;遍历并输出。其中商品属性&#xff1a;编号&#xff0c;名称&#xff0c;单价&#xff0c;出版社&#xff1b;使用商品编号作为Map中的key。 Books类 package set.saturdayPlan;public class…

经纬恒润AUTOSAR成功适配芯钛科技Alioth TTA8车规级芯片

在汽车电子领域&#xff0c;功能安全扮演着守护者的角色&#xff0c;它确保了车辆在复杂多变的情况下保持稳定可靠的运行。随着汽车电子的复杂性增加&#xff0c;市场对产品功能安全的要求也日益提高。基于此背景&#xff0c;经纬恒润AUTOSAR基础软件产品INTEWORK-EAS-CP成功适…

STL-常用容器-list

1list基本概念 **功能&#xff1a;**将数据进行链式存储 链表&#xff08;list&#xff09;是一种物理存储单元上非连续的存储结构&#xff0c;数据元素的逻辑顺序是通过链表中的指针链接实现的 链表的组成&#xff1a;链表由一系列结点组成 结点的组成&#xff1a;一个是存储…

如何将 PDF 转换成JPG图片?这里有4个详细指南

通常情况下&#xff0c;图片文件比 PDF 文件加载速度更快&#xff0c;所以如果将PDF转换成图片的格式&#xff0c;或更容易分享以及浏览。所以&#xff0c;今天就教大家4个方法&#xff0c;帮助大家快速的进行PDF和JPG图片之间的转换。 1、PDF转换大师 直通车&#xff1a;www.…

深度学习超参数调优指南

文章目录 深度学习超参数调优指南一、超参数相关基础知识1. 神经网络中包含哪些超参数2. 超参数的重要性顺序3. 部分超参数如何影响模型性能4. 部分超参数合适的范围 二、超参数调整技巧1. 如何选择激活函数2. 如何调整 Batch Size3. 如何调整学习率 三、自动调参方法1. 网格搜…

【JIT/极态云】技术文档--函数设计

一、简介 函数是计算机编程中非常重要的概念。它是一段代码&#xff0c;可以在程序中多次调用&#xff0c;用于完成特定的任务。 函数通常接受输入参数&#xff0c;执行特定的操作&#xff0c;并返回一个结果。这个结果可以被程序中的其他代码使用。 二、新建函数 在函数列表…

Ubuntu下Mysql修改默认存储路径

首先声明&#xff0c;亲身经验&#xff0c;自己实践&#xff0c;网上百度了好几个帖子&#xff0c;全是坑&#xff0c;都TMD的不行&#xff0c;修改各种配置文件&#xff0c;就是服务起不来&#xff0c;有以下几种配置文件需要修改 第一个文件/etc/mysql/my.cnf 这个文件是存…

【论文阅读】FUNNELRAG:一个从粗到精的逐级检索范式

论文地址&#xff1a;https://arxiv.org/abs/2410.10293 github&#xff1a; 研究背景 现有的检索范式存在两个主要问题&#xff1a;一是平铺检索(flat retrieval)对单个检索器造成巨大负担&#xff1b;二是恒定粒度(constant granularity)限制了检索性能的上限。研究难点在于…

map 和 set 的使用

文章目录 一.序列式容器和关联式容器二. set 系列的使用1. set 和 multiset 参考文档2. set 类介绍3. set 的构造和迭代器4. set 的增删查5. insert 和迭代器遍历使用样例6. find 和 erase 使用样例7. multiset 和 set 的差异 三. map 系列的使用1. map 和 multimap参考文档2. …

11张思维导图带你快速学习java

简介 Java是一种跨平台的编程语言&#xff0c;广泛应用于开发各种类型的应用程序。从零开始学习Java可能会感到困惑&#xff0c;因为Java拥有广泛的功能和概念。为了更好地学习和理解Java&#xff0c;可以使用思维导图来整理和归纳Java的主要概念和特点。思维导图可以帮助学习…

iOS 18.2开发者预览版 Beta 1版本发布,欧盟允许卸载应用商店

苹果今天为开发人员推送了iOS 18.2开发者预览版 Beta 1版本 更新&#xff08;内部版本号&#xff1a;22C5109p&#xff09;&#xff0c;本次更新距离上次发布 Beta / RC 间隔 2 天。该版本仅适用于支持Apple Intelligence的设备&#xff0c;包括iPhone 15 Pro系列和iPhone 16系…

算法通关--单调栈

单调栈 单调栈是在栈的先进后出的规则基础上&#xff0c;要求从栈底到栈顶的元素满足单调的关系。如果是大压小&#xff0c;那么从栈顶观察是递减栈&#xff0c;如果是小压大&#xff0c;那么从栈顶观察使递减栈 经典用法&#xff1a; 判断一个数组每个位置都求&#xff1a;…

性价比高的宠物空气净化器选购指南,双十一有哪几款值得购买?

养猫家庭注意养猫家庭注意&#xff0c;换毛季它又来啦&#xff01;不管你家猫是多么瘦小&#xff0c;这个时候都会变成一年两次限定的蒲公英小猫。这都是因为它在疯狂的掉毛&#xff0c;没来得及清理的毛发就留在身上&#xff0c;不断堆积&#xff0c;家里也到处都是它掉落的猫…

医学影像学基础:理解CT、MRI、X射线和超声等医学影像设备的基本工作原理和成像技术

目录 医学影像学基础 1. X射线成像 2. 计算机断层扫描&#xff08;CT&#xff09; 3. 磁共振成像&#xff08;MRI&#xff09; 4. 超声成像 综合对比 1、成像原理对比 2、安全性对比 3、应用领域对比 4、设备特点对比 总结 医学影像学基础 在医学影像学中&#xff0…

TCP simultaneous open测试

源代码 /*************************************************************************> File Name: common.h> Author: hsz> Brief:> Created Time: 2024年10月23日 星期三 09时47分51秒**********************************************************************…

windows录屏软件工具推荐!!

如今&#xff0c;科技的进步&#xff0c;互联网的普及&#xff0c;使我们的生活越来越便利&#xff0c;录屏工具的出现&#xff0c;大大提高我们的工作效率。如果你经常需要录制屏幕上的内容&#xff0c;比如制作教学视频、游戏实况记录、演示文稿等等&#xff0c;那这几款软件…