码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript学习-十分简单的计算器

时间:2020-02-03 20:57:52      阅读:69      评论:0      收藏:0      [点我收藏+]

标签:mic   asc   知识点   javascrip   ext   script   mamicode   nbsp   function   

知识点:

1.从input中取值:

  var a=parseInt(document.getElementById(‘num1‘).value);

2.把数值放回input中

  document.getElementById(‘result‘).value=a+b;

 1 <html>
 2 
 3 <head>
 4     <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 5     <style>
 6         input{
 7   width:50px;
 8 }
 9 </style>
10     <script type="text/javascript">
11     function calc() {
12         // body...
13         var a = parseInt(document.getElementById(num1).value);
14         var b = parseInt(document.getElementById(num2).value);
15         document.getElementById(result).value = a + b;
16     }
17     </script>
18 </head>
19 
20 <body><input type="text" id="num1"> +
21     <input type="text" id="num2">
22     =
23     <input type="text" id="result">
24     <input type="button" value="计算" onclick="calc()"></body>
25 
26 </html>

效果图:

技术图片

 

JavaScript学习-十分简单的计算器

标签:mic   asc   知识点   javascrip   ext   script   mamicode   nbsp   function   

原文地址:https://www.cnblogs.com/gilgamesh-hjb/p/12257173.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!