外部ファイルからjavascriptコードを適切にテストするにはどうすればよいですか？

私のHTMLフォームを送信すると、このエラーが発生します。{"code"： "MethodNotAllowedError"、 "message"： "POSTは許可されません"}私のJavascriptはスクリプトタグのHTMLの中に入れても機能するのでうまく動作しているようですが、自分のファイルで使用しようとするとフォームの送信時にこのエラーが発生します。私はAdobe Dreamweaverからこのコードを起動しており、Chrome/Safariでリアルタイムプレビューモードを使用しています。ここに私のコードは次のとおりです。ここ外部ファイルからjavascriptコードを適切にテストするにはどうすればよいですか？

<!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>

&はJavascriptを次のとおりです。

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;

出典

2017-01-30 Samuel Burns

で、 'document.getElementByID'は' ID'の小文字のdでなければなりません。 'input'要素には' name'属性がありません。 'form'サブミットのデフォルトアクションは防げません。 – guest271314

こんにちは、私はあなたにcode.Theミスをテストしている。この方法ではありません「の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;

出典

2017-01-30 05:16:32

これは機能しました。どのような小さな間違い！私はもっと注意することを学ばなければならない。どうもありがとうございます。 –

外部ファイルからjavascriptコードを適切にテストするにはどうすればよいですか？

答えて

関連する問題