JS简单计算器实例_javascript技巧

本文实例讲述了JS简单计算器的实现方法。分享给大家供大家参考。具体实现方法如下:

复制代码 代码如下:

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title></title> 
    <script type="text/javascript"> 
        function sum() { 
            //js类型转换 parseInt(value,10)的意思就是将value的值转换成十进制的数值 
            var id1 = parseInt(document.getElementById("bnt1").value, 10);
            var id2 = parseInt(document.getElementById("bnt2").value, 10);
            var id3 = id1 + id2; 
            document.getElementById("bnt3").value = id3; 
        } 
    </script> 
</head> 
<body> 
<input type="text" id ="bnt1" />+<input type="text" id="bnt2" /><input type="button" value="="  onclick="sum()"/><input type="text" readonly="readonly" id="bnt3" /> 
</body> 
</html>

希望本文所述对大家的javascript程序设计有所帮助。

时间: 2024-10-25 19:46:28

JS简单计算器实例_javascript技巧的相关文章

JS简单计算器实例

 这篇文章主要介绍了JS简单计算器的实现方法,以加法实例分析了js实现计算功能的技巧,需要的朋友可以参考下     本文实例讲述了JS简单计算器的实现方法.分享给大家供大家参考.具体实现方法如下:   代码如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script type="text/javascript">

JS简单随机数生成方法_javascript技巧

本文实例讲述了JS简单随机数生成方法.分享给大家供大家参考,具体如下: <!doctype html> <html> <head> <meta charset="utf-8"> <title>随机数</title> </head> <body> <script type="text/javascript"> function Randnum(value){ v

js简单抽奖代码_javascript技巧

核心:js的Math对象和Array对象 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>random</title> <style> #awardListDom{width: 100%;} </style> </head> <body> <label

js倒计时抢购实例_javascript技巧

本文实例为大家分享了JavaScript实现限时抢购,供大家参考,具体代码如下 运行效果图: 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type"

js分页工具实例_javascript技巧

本文实例讲述了js分页工具的用法.分享给大家供大家参考.具体实现方法如下: js代码部分: 复制代码 代码如下: /**   * 分页js   */  var Page;    (function(){          var Page = {version:"1.0",author:"liuxingmi"};          var showPage = 9;          Page.navigation = function(divId, totalRe

js倒计时显示实例_javascript技巧

话不多说,请看实例代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>js倒计时显示-细数逝去的过往</title> <style type="text/css"> #clock { font: bold 24pt sans; background-color: #f5f5f5; padding: 10px 1

JavaScript实现的简单幂函数实例_javascript技巧

本文实例讲述了JavaScript实现的简单幂函数.分享给大家供大家参考.具体实现方法如下: function PowerCalculator(base,power) { var number = base; if(power == 1) return number; if(power == 0) return 1; for(var i=2;i<=power;i++) { number = number * base; } return number; } 希望本文所述对大家的javascrip

基于zepto.js简单实现上传图片_javascript技巧

效果如下: html:  <div class="otherPic"> <div id="showOtherImage"></div> <span class="pull-left position_relative" id="openIdCardImg"> <span class="icon color-blue addPic"></sp

简单实现js页面切换功能_javascript技巧

本文为大家介绍了js页面换肤功能处理原理  (*需要在有服务器环境下测试使用*),供大家参考,具体内容如下 原理: 1.换肤是让页面采用不用的样式设置 2.我们把要换肤的地方根据不用皮肤做成多个样式表文件 3.获取link的id 4.修改link的href属性改变样式表 5.采用了不用样式表,就是使用对应皮肤样式 6.利用cookie技术用户原则,用户再次打开页面也会采用上次选用皮肤 7.读取cookie要在页面载入开始,保证对应皮肤css提前加载 <html> <head> &l