在同一时空相遇 2019-07-09 17:26 采纳率: 100%
浏览 316
已结题

我做的累加计算网页,代码完全没问题,为什么输出的值有问题?

效果如下图:

图片说明

图片说明

html代码:

<!DOCTYPE html>
<html>
  <head>
    <link type="text/css" rel="stylesheet" href="css/styles.css">
    <script type="text/javascript" src="./js/jquery-1.10.2.min.js"></script>
  </head>
  <body>

    <input type="text" id="input" value="" placeholder="在此输入需要计算的值"/>
    <div id="wrap">
    <h1 id="标题"></h1>
    <p id="结果"></p>
    </div>

  </body>
  <script>
    function count(){
      var i = document.getElementById("input").value;
      var a = i / 2;
      var n = /\D/;
      if ( !n.test(i)){
        if ( i < 0 ){
            var sum = ( 1 - i ) * a;
            var tip1 = "-1";
            var tip = "累减至";
        }else{
            var sum = ( 1 + i ) * a;
            var tip1 = "1";
            var tip = "累加至";
        }
        document.getElementById("标题").innerHTML = tip1 + tip + i + "的结果为:";
        document.getElementById("结果").innerHTML = sum;
      }else{
        document.getElementById("标题").innerHTML = "请输入数字";
        document.getElementById("结果").innerHTML = "";
      }}

    var oldText = $('#input').val();
    $(document).ready(function(){//当输入框内容变化时重新计算
        $('#input').on('input propertychange', function(){
            if (oldText != $('#input').val())
            return count();
        });
    });
  </script>
</html>

CSS代码:

*{
  margin: 0;
  padding: 0;
}
#wrap{
  position: absolute;
  top: 500px;
  left: 50px;
}
h1{
  display: inline;
  font-size: 50px;
  color: SkyBlue;
}
p{
  display: inline;
  color: YellowGreen;
  font-size: 50px;
}
#input{
  position: relative;
  margin: 200px 50px;
  width: 70%;
  height:100px;
  font-size: 50px;
  line-height: 100px;
  text-align: center;
}
  • 写回答

3条回答 默认 最新

  • sasync 2019-07-09 18:14
    关注

    js取值为String类型, 需要转一下类型,进行计算

    var i =  parseInt(document.getElementById("input").value);
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

问题事件

  • 已结题 (查看结题原因) 8月3日

悬赏问题

  • ¥15 python网络流自动生成系统 医学领域
  • ¥15 代码的修改,添加和运行完善
  • ¥15 krpano-场景分组和自定义地图分组
  • ¥15 lammps Gpu加速出错
  • ¥15 关于PLUS模型中kapaa值的问题
  • ¥15 关于博途V17进行仿真时无法建立连接问题
  • ¥15 机器学习教材中的例题询问
  • ¥15 求.net core 几款免费的pdf编辑器
  • ¥15 为什么安装HCL 和virtualbox之后没有找到VirtualBoxHost-OnlyNetWork?
  • ¥15 C# P/Invoke的效率问题