HTML文档的计算问题

OKJSJSF · 发表于 2024-6-16 16:05

最近想到一个问题，想在HTML文档中对录入的数据进行计算并给出结果，应如何处理？因为HTML文档可以在手机中打开进入数据录入但不能计算，所以有这需求。想用于手机。在实战技巧精粹中有HTML文档的介绍，但没有介绍计算。在CSDN网上下载了一段代码，确不能计算，如下：

<html>
<head>
<meta charset="utf-8">
</head>
<body>
<input type="text" id="input2" />+<input type="text" id="input3">=<input type="text" id="input4">
<input type="button" value="求和" />
<br />
</body>
<script type="text/javascript">
function byid(id)
{
return document.getElementById(id);
}

function getsum()
{
var add1=parseInt(byid("input2").value);
var add2=parseInt(byid("input3").value);
byid("input4").value=(add1+add2);
}
</script>
</html>

页面显示三个问号，不能计算，我想问下，网页代码是不是没有计算功能的？计算需要调用第三方软件？如本例，我的电脑上是不是必须安装javascript，调用javascript功能库才能计算，否则没用。
我们坛高手背出，所以我在此求助。

zpy2 · 发表于 2024-6-16 16:21

zpy2 · 发表于 2024-6-16 16:31

http://e.anyoupin.cn/EData/index.php?p=Tools%2FDisTbl&find=cli_add_html%7E%0D%0A%3Chtml%3E%0D%0A%3Chead%3E%0D%0A++++++++%3Cmeta+charset%3D%22utf-8%22%3E%0D%0A%3C%2Fhead%3E%0D%0A%3Cbody%3E%0D%0A++++++++%3Cinput+type%3D%22text%22+id%3D%22input2%22+%2F%3E%2B%3Cinput+type%3D%22text%22+id%3D%22input3%22%3E%3D%3Cinput+type%3D%22text%22+id%3D%22input4%22%3E%0D%0A++++++++%3Cinput+type%3D%22button%22+value%3D%22%E6%B1%82%E5%92%8C%22+onclick%3D%22getsum%28%29%22%2F%3E%0D%0A++++++++%3Cbr+%2F%3E%0D%0A%3C%2Fbody%3E%0D%0A%3Cscript+src%3D%2Fjs%2Feruda.js%3E%3C%2Fscript%3E%0D%0A%3Cscript%3Eeruda.init%28%29%3C%2Fscript%3E%0D%0A%3Cscript+type%3D%22text%2Fjavascript%22%3E%0D%0A+++++++++++++++%2F%2F+alert%28%29%0D%0A++++++++++++++++++++++++%3C%21--%E9%81%BF%E5%85%8D%E4%B8%8B%E9%9D%A2%E7%94%A8document%E2%80%A6%E2%80%A6%E9%BA%BB%E7%83%A6%E5%8F%AF%E4%BB%A5%E7%AE%80%E4%BE%BF%E8%B0%83%E7%94%A8--%3E%0D%0A++++++function+getsum%28%29%0D%0A++++++++++++++++++++++++%7B%0D%0A++++++++++++++++++++++++var+add1%3DparseInt%28input2.value%29%3B%0D%0A++++++++++++++++++++++++var+add2%3DparseInt%28input3.value%29%3B%0D%0A+++++++++++++++++++++++input4.value%3D%28add1%2Badd2%29%3B%0D%0A++++++++++++++++++++++++%7D%0D%0A%0D%0A+++++%0D%0A++++++++%3C%2Fscript%3E%0D%0A%EF%BD%9E

cli_add_html~
<html>
<head>
      <meta charset="utf-8">
</head>
<body>
      <input type="text" id="input2" />+<input type="text" id="input3">=<input type="text" id="input4">
      <input type="button" value="求和" onclick="getsum()"/>
      <br />
</body>
<script src=/js/eruda.js></script>
<script>eruda.init()</script>
<script type="text/javascript">
            // alert()
                     
   function getsum()
                     {
                     var add1=parseInt(input2.value);
                     var add2=parseInt(input3.value);
                     input4.value=(add1+add2);
                     }


      </script>
～

OKJSJSF · 发表于 2024-6-17 21:29

zpy2 发表于 2024-6-16 16:21
乱码是asc
文件需要存为utf-8格式

我只会把后缀txt改为html

OKJSJSF · 发表于 2024-6-17 21:34

zpy2 发表于 2024-6-16 16:31
http://e.anyoupin.cn/EData/index.php?p=Tools%2FDisTbl&find=cli_add_html%7E%0D%0A%3Chtml%3E%0D%0A%3Ch ...

谢谢老师！我平明只会改下后缀，刚刚在另存时按老师的提示选了一下编码，正常计算了！太好了！

OKJSJSF · 发表于 2024-6-17 21:38

我记起来了，在功能区选项卡代码文本文件另存为XML时，也要选这个编码。

OKJSJSF · 发表于 2024-6-17 21:50

本帖最后由 OKJSJSF 于 2024-6-21 20:37 编辑

zpy2 发表于 2024-6-16 16:31
http://e.anyoupin.cn/EData/index.php?p=Tools%2FDisTbl&find=cli_add_html%7E%0D%0A%3Chtml%3E%0D%0A%3Ch ...

向老师汇报：这文件传给微信，用QQ浏览器打开，即可直接录入数值直接进行计算。不需要设计为小程序，太好了。

OKJSJSF · 发表于 2024-6-22 10:26

下面对代码进行增加。
<html>
<head>
<meta charset="utf-8">
<h1>安置面积计算表</h1>
</head>
<body>
<style type="text/css">
.style1 {font-size: x-large;text-align: center;}
</style>

<p><span class="style1">请在下面空框中录入数据后点击“计算”按钮：
<p><span class="style1">1、人口数：
<br><input type="text" id="input1" class="style1">
<p><span class="style1">2、人均安置面积：
<br><input type="text" id="input2" value=30 class="style1">
<p><span class="style1">3、可安置面积：
<br><input type="text" id="input3" value=＝？ class="style1">
<p><input type="button" value=计算＝ onclick="getsum()" class="style1">
   <input type="button" value="重置" onclick="reset()" class="style1">
</body>

<script type="text/javascript">
function g(id){
return document.getElementById(id);
}

function getsum(){
var add1=parseInt(g("input1").value);
var add2=parseInt(g("input2").value);
g("input3").value=add1*add2;
var add3=g("input3").value
}
function reset(){
g("input1").value=""
g("input2").value=30
g("input3").value="＝?"
}
</script>
</html>

OKJSJSF · 发表于 2024-6-22 10:28

OKJSJSF · 发表于 2024-6-22 10:30

不知道Javascript中是不是象office有大量用于计算的函数？

		自动登录	找回密码
密码			免费注册

[求助] HTML文档的计算问题

评分

评分