如何从外部文件正确测试javascript代码？_Javascript_Html

如何从外部文件正确测试javascript代码？

javascript html

如何从外部文件正确测试javascript代码？,javascript,html,Javascript,Html,在提交HTML表单时，我不断收到以下错误：{“code”：“MethodNotAllowedError”，“message”：“POST是不允许的”}。我的Javascript似乎工作得很好，因为当我把它放在脚本标记的HTML中时，它就工作了，但是当我试图在它自己的文件中使用它时，我在表单提交中遇到了这个错误。我从AdobeDreamweaver启动此代码，并在Chrome/Safari中使用实时预览模式。这是我的密码： <!doctype html> <html> &l

在提交HTML表单时，我不断收到以下错误：{“code”：“MethodNotAllowedError”，“message”：“POST是不允许的”}。我的Javascript似乎工作得很好，因为当我把它放在脚本标记的HTML中时，它就工作了，但是当我试图在它自己的文件中使用它时，我在表单提交中遇到了这个错误。我从AdobeDreamweaver启动此代码，并在Chrome/Safari中使用实时预览模式。这是我的密码：

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Calculator</title>
<link href="dopeStyles.css" rel="stylesheet" type="text/css">
</head>
<body>

<form action="" method="post" id="numberForm">
<label for="enterNumber">Enter any number to multiply it by 10:  </label>
<input type="number" id="enterNumber"><br>
<input type="submit"><br>
<label for="result">Result: </label>
<input type="number" id="result">
</form>

</body>
<script src="trippyJavascript.js"></script>
</html>

您好，我已经测试了您的代码。错误是“document.getElementById”，而不是“document.getElementById”

function calculate()
{
    'use strict';
     var numInput = document.getElementById('enterNumber').value;
     numInput*= 10;
     document.getElementById('result').value = numInput;
     return false;
}

function init()
{
'use strict';
document.getElementById('numberForm').onsubmit = calculate;
}

window.onload = init;

在

document.getElementByID

应该是小写的

ID

<代码>输入元素没有

名称

属性。

表单

提交的默认操作未被阻止。此操作有效。多小的错误啊！我必须学会更加小心。非常感谢你。

function calculate()
{
    'use strict';
     var numInput = document.getElementById('enterNumber').value;
     numInput*= 10;
     document.getElementById('result').value = numInput;
     return false;
}

function init()
{
'use strict';
document.getElementById('numberForm').onsubmit = calculate;
}

window.onload = init;