时间戳

首页 > 解决方案 > 我用于清除表单文本输入字段的 javascript 函数不起作用

javascript - 我用于清除表单文本输入字段的 javascript 函数不起作用

问题描述

尽管还有很多工作要做，但基本的计算器已经完成，除了清除功能外，一切都运行良好。我无法让它清除查看器。需要立即帮助。

（我把所有东西都放在一个文件里，这样每个人都很容易理解完整的东西）

请避免造型寿。

所以基本上我用函数 clear() 做了这个非常简单的计算器 关于如何制作这个函数以清除查看器的任何想法？

<!DOCTYPE html>
<html>


<head>


<script>
  function insert(num) {
    document.view.viewer.value = document.view.viewer.value+num
  }
  function equal() {
    document.view.viewer.value = eval(document.view.viewer.value);
  }
  function clear() {
    document.view.viewer.value = "";
  }
</script>


<style>
body {
  background-image: url("peepee.png"); 
}
*{
  margin: 0px;
  padding: 0px;
}
.button {
  height:100px;
  width:100px;
  background-color:grey;
  text-align:center;
  margin:2px;
  font-size: 50px;
  cursor: pointer;
  border: 0px;
}
.clear {
  height:100px;
  width:400px;
  background-color: red;
  text-align:center;
  margin:2px;
  font-size: 50px;
  cursor: pointer;
  border: 0px;  
}
.viewer {
  height: 100px;
  width: 430px;
  font-size: 50px;
  margin: 2px
}
</style>


</head>


<body>
  <div class= "main">
    <form name= "view">
      <input class="viewer" name= "viewer">
    </form>
    <table>
      <tr>
        <td><input class="button" value="7" onclick= "insert(7)"></td>
        <td><input class="button" value="8" onclick= "insert(8)"></td>
        <td><input class="button" value="9" onclick= "insert(9)"></td>
        <td><input class="button" value="-" onclick= "insert('/')"></td>
      </tr>
      <tr>
        <td><input class="button" value="4" onclick= "insert(4)"></td>
        <td><input class="button" value="5" onclick= "insert(5)"></td>
        <td><input class="button" value="6" onclick= "insert(6)"></td>
        <td><input class="button" value="x" onclick= "insert('*')"></td>
      </tr>
      <tr>
        <td><input class="button" value="1" onclick= "insert(1)"></td>
        <td><input class="button" value="2" onclick= "insert(2)"></td>
        <td><input class="button" value="3" onclick= "insert(3)"></td>
        <td><input class="button" value="-" onclick= "insert('-')"></td>
      </tr>
      <tr>
        <td><input class="button" value="0" onclick= "insert(0)"></td>
        <td><input class="button" value="." onclick= "insert('.')"></td>
        <td><input class="button" value="=" onclick= "equal()"></td>
        <td><input class="button" value="+" onclick= "insert('+')"></td>
      </tr>
    </table>
    <table>
      <tr>
        <td><input class= "clear" value="Clear" onclick= "clear()"></td>
      </tr>
    </table>
  </div>
</body>


</html>

标签： javascripthtmlfunctionweb

解决方案

所以我想出了解决方案，您没有给出您的类型input 并将您的clear功能更改为其他内容clearText。似乎该clear函数是某种内置函数，并将defer属性放在您的脚本标签中，以便在body

function clearText() { console.log("Clear Button clicked!"); document.view.viewer.value = ""; };

<td><input type="button" class="clear" value="Clear" onclick="clearText()" /></td>

推荐阅读