0

Google chrome を使用して、クイズの最後が正しく機能しない理由と結果がテキスト ボックスに表示されない理由を確認しました。getResults が定義されていませんが、すべて問題ないように見えます。また、表示され続ける別のエラーがあり、Uncaught SyntaxError: Unexpected token ILLEGAL と表示されます。このエラーは、getResults エラーが原因で表示されるだけですか、それともまったく別のものに関連していますか? クイズを終わらせるのにとても近いのですが、これは起こらなければなりませんでした。ちなみにコードは次のとおりです。

<html>
<body>
<h1></h1>
<form>
<ol>
<li> How much are you willing to spend on a phone per month?</li>
<ul>
<li><input type = "radio" name = "q1" id="q1_1"> £5-£10.</input></li> 
<li><input type = "radio" name = "q1" id="q1_2"> £10-£15.</input></li>
<li><input type = "radio" name = "q1" id="q1_3"> £15-£20.</input></li>
<li><input type = "radio" name = "q1" id="q1_4"> £20-£25.</input></li>
<li><input type = "radio" name = "q1" id="q1_5"> £25-£30.</input></li> 
<li><input type = "radio" name = "q1" id="q1_6"> £30-£35.</input></li>
<li><input type = "radio" name = "q1" id="q1_7"> £35-£40.</input></li>
</ul>
<li> Are you good with technology</li>
<ul>
<li><input type = "radio" name = "q2" id="q2_1"> Yes.</input></li>
<li><input type = "radio" name = "q2" id="q2_2"> No.</input></li>
</ul>
<li> Are you looking for an easy to use phone</li>
<ul>
<li><input type = "radio" name = "q3" id="q3_1"> Yes.</input></li>
<li><input type = "radio" name = "q3" id="q3_2"> No.</input></li>
</ul>
<li> Are you looking for a modern type of phone?</li>
<ul>
<li><input type = "radio" name = "q4" id="q4_1"> Yes.</input></li>
<li><input type = "radio" name = "q4" id="q4_2"> No.</input></li>
</ul>
<li> How big do you want the phone to be?</li>
<ul>
<li><input type = "radio" name = "q5" id="q5_1"> Big.</input></li>
<li><input type = "radio" name = "q5" id="q5_2"> Medium.</input></li>
<li><input type = "radio" name = "q5" id="q5_3"> Small.</input></li>
<li><input type = "radio" name = "q5" id="q5_4"> I don't really mind.</input></li>
</ul>
<li> Do you care about the colour of the phone?</li>
<ul>
<li><input type = "radio" name = "q6" id="q6_1"> Yes.</input></li>
<li><input type = "radio" name = "q6" id="q6_2"> No.</input></li>
</ul>
<li> Have you ever owned a phone before?</li>
<ul>
<li><input type = "radio" name = "q7" id="q7_1"> Yes.</input></li>
<li><input type = "radio" name = "q7" id="q7_2"> No.</input></li>
</ul>
<li> Do you want to be able to use the phone to get out of awkward social situations?</li>
<ul>
<li><input type = "radio" name = "q8" id="q8_1"> Yes.</input></li>
<li><input type = "radio" name = "q8" id="q8_2"> No.</input></li>
</ul>
<li> Do you want to be able to access the app store and download apps using your phone?</li>
<ul>
<li><input type = "radio" name = "q9" id="q9_1"> Yes.</input></li>
<li><input type = "radio" name = "q9" id="q9_2"> No.</input></li>
</ul>
<li> What happened to the last phone you owned?</li>
<ul>
<li><input type = "radio" name = "q10" id="q10_1"> I got bored of it.</input></li>
<li><input type = "radio" name = "q10" id="q10_2"> It broke.</input></li>
<li><input type = "radio" name = "q10" id="q10_3"> The contract ran out.</input></li>
<li><input type = "radio" name = "q10" id="q10_4"> Other.</input></li>
</ul>
</ol>
<input type = "button" value = "Submit" onclick="getResults()"> <input type = "reset" value = "Clear"></input>
<textarea id="result">The right phone for you will be displayed here.</textarea>
</html>

<script>
function getResults() {
if (document.getElementById('q1_1').checked &&
   document.getElementById('q2_1').checked &&
   document.getElementById('q3_1').checked &&
   document.getElementById('q4_1').checked &&
   document.getElementById('q5_1').checked &&
   document.getElementById('q6_1').checked &&
   document.getElementById('q7_1').checked &&
   document.getElementById('q8_1').checked &&
   document.getElementById('q9_1').checked &&
   document.getElementById('q10_1').checked
   ) {
       document.getElementById('result').innerHTML = 'Unfortunately, the iPhone is the right phone for you.';
   }
}
</script>
</body>
4

1 に答える 1

1

Firefox のページ ソース ビューアであなたのページのソース コードを確認しました。

すべて<input>が間違っています。あなたはこれを持っています：

<input type = "radio" name = "q1" id="q1_1"> £5-£10.</input>

しかし、末尾</input>は不要です。これが必要です：

<input type = "radio" name = "q1" id="q1_1"> £5-£10.

また、終了</html>タグはファイルの最後にある必要がありますが、スクリプトの前にあります。一部のブラウザは、その後何も無視する可能性があると思います</html>

ブロック</form>のすぐ前にあるはずの終了タグがありません。<script>

<!doctype html>ページの上部にを追加し、次の<head>ようなブロックを追加すると役立つ場合があります。

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>

これにより、文字エンコーディングが整理され、£適切に表示されます。

ただし、ページが別のサイトに埋め込まれていることについては言及していません。その結果、コード内の次のタグは必要ありません: <!doctype>、<html>、</html>(<head>私が提案したヘッダー ブロック全体を削除できます)、<body>、</body>.

</form>不足している終了タグを挿入する必要があります。

あなたが報告する問題は、スクリプト ブロック内のページが に置き換えられていることが原因です&&。&#038;&#038;これはスクリプト ブロックの構文エラーであり、getResults()関数が解析されていないことを意味します。これが起こらないようにスクリプトを含める方法を確認するには、サイトを確認する必要があります。

于 2013-10-20T19:41:58.327 に答える