JSFiddle が最も単純なコードの実行を拒否するのはなぜですか?

JSFiddle の不正な動作: 単純なコードが実行に失敗する

JSFiddle の複雑な問題に直面すると、最も単純なコードでさえも実行できない不可解なシナリオに遭遇します。期待どおりに機能しません。その単純さにもかかわらず:

<code class="js">function displayMessage() {
    alert("Hello World!");
}</code>

および対応する HTML ボタン:

<code class="html"><form>
    <input type="button" value="Click me!" onclick="displayMessage()" />
</form>
<p>By pressing the button above, a function will be called. The function will alert a message.</p></code>

警告ボックスは、JSFiddle には明らかに存在しないままです。

隠れた犯人の解明: JavaScript 設定

詳しく調べると、問題はコード自体にあるのではなく、JSFiddle の JavaScript 設定にあります。この状況を解決するには、JavaScript 設定に移動し、「折り返さない - 」を選択します。

この設定により、JavaScript コードが終了 の直前にロードされるようになります。タグを使用すると、HTML 要素に正しくアクセスして操作できるようになります。この変更を行うと、ボタンがクリックされたときにアラート ボックスにメッセージが表示され、JSFiddle コードの調和が復元されます。

以上がJSFiddle が最も単純なコードの実行を拒否するのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。