首页 > 其他分享 >JS——常用实例

JS——常用实例

时间:2024-02-04 20:14:34浏览次数:28  
标签:input3 常用 parseFloat value JS 实例 var document

  • 对话框输入,获取,计算,输出。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JS:操作HIML对象</title>
</head>
<body>
    <!--1.两个输人框和一个输出框-->
    <label for="1">第一个数:</label><input id="1" type="text" name="numberl"/><br />
    <label for="2">第二个数:</label><input id="2" type="text" name="number2"/><br />
    <label for="3">商:</label><input id ="3" type="text" name="number3"/><br />
    <input type= "button" value="求商" onclick= "div()" />
    <script type = "text/javascript">
        function div() {
            //获取三个标签对象
            var input1 = document.getElementById("1");
            var input2 = document.getElementsByName("number2")[0];
            var input3 = document.getElementById("3");

            //获取输入框的数值
            var num1 = input1.value;
            var num2 = input2.value;
            //求商--使用parseFloat()函数转换成浮点型计算
            //将结果传给 input3
            input3.value = parseFloat(num1) / parseFloat(num2);
        }
    </script>
</body>
</html>

标签:input3,常用,parseFloat,value,JS,实例,var,document
From: https://www.cnblogs.com/xinbing/p/18006903

相关文章

  • GeoJSON
    GeoJSON概览https://www.processon.com/mindmap/6224a2dc7d9c0836f90060a8地理要素特征对象->Feature{type:"Feature","properties":{name:'xxx'},"geometry":{{"type":"Point",......
  • 《jsp篇》jsp是什么?
    前文链接:https://www.zhihu.com/question/437632592/answer/1677694755链接:https://www.zhihu.com/question/23984162/answer/689106407现在(2019)对于后端程序员来说,可以不学JSP。但是如果你是非科班,不论是在培训班还是自学,最好都了解一下。技术不扎实的培训班学员,基本很难找到一......
  • 《jsp篇》jsp中引用js路径的三种方法
    链接:https://blog.csdn.net/xukangone/article/details/102948708第一种直接引用这里的路劲为<scripttype="text/javascript"src="js/jquery-3.0.0.min.js"></script>注意:在jsp中使用js中的方式必须先对“jQuery-3.0.0.min.js”进行页面的引用,否则无效;因在js中使用$(docu......
  • Flog.js
      Emeditor用的格式化日志的脚本。主要用于从日期中提取行列数据。//功能:格式化runlog中各个线程的统计项//使用方法,输入所要提取统计项的一个关键词,或多个关键词对应值求和//正则无记忆方法varfso=newActiveXObject("Scripting.FileSystemObject");varstrSp......
  • 5-Docker实例-nginx application
    1.编写Dockerfile文件,添加如下内容并保存命令:vimDockerfile[root@centos79~]#catDockerfileFROMcentos:centos7MAINTAINERztjENVPATH/usr/local/nginx/sbin:$PATHADDnginx-1.8.0.tar.gz/usr/local/ADDepel-release-latest-7.noarch.rpm/usr/local/RUNrpm-......
  • 【iOS ARKit】3D人体姿态估计实例
    ​   与2D人体姿态检测一样,在ARKit中,我们不必关心底层的人体骨骼关节点检测算法,也不必自己去调用这些算法,在运行使用ARBodyTrackingConfiguration配置的ARSession之后,基于摄像头图像的3D人体姿态估计任务也会启动,我们可以通过session(_session:ARSession,didUpdatea......
  • Windows中通过NVM安装和切换各个NodeJS版本
    1、下载NVM下载地址:https://github.com/coreybutler/nvm-windows/releases如我们下载:https://github.com/coreybutler/nvm-windows/releases/download/1.1.12/nvm-setup.exe2、安装NVM在安装前,最好将已安装的NodeJS卸载掉,避免出现不必要的问题。选择NVM安装目录,如下所示:......
  • 基础03-js
    三、JavaScript1 闭包闭包就是能够读取其他函数内部变量的函数闭包是指有权访问另⼀个函数作用域中变量的函数,创建闭包的最常⻅的方式就是在⼀个函数内创建另⼀个函数,通过另⼀个函数访问这个函数的局部变量,利用闭包可以突破作用链域 闭包的特性: 函数内再嵌套函数内部......
  • stream流的常用操作
    Stream流的一些操作这段时间在项目开发中使用到Java8的Stream流操作发现真的特别方便,这里总结了一些常用的stream流操作.1简介在使用Stream流之前先来简单介绍一下:1Stream事java8才提供的一种以流的方式来处理数据集的一种手段,凡是属于Collection接口之下的所有字......
  • 【Python】conda常用命令
    ✨conda下载AnacondaFreeDownload|AnacondaMinicondaMiniconda—minicondadocumentation个人推荐安装Miniconda即可反正我从来没有使用过Anaconda的GUI✨conda基本命令新建环境condacreate-n${envName}python=3.8-n新建环境名称python=3.8可选指定Py......