Maison >interface Web >js tutoriel >Pourquoi JSFiddle refuse-t-il l'exécution du code le plus simple ?

Pourquoi JSFiddle refuse-t-il l'exécution du code le plus simple ?

Patricia Arquette
Patricia Arquetteoriginal
2024-10-18 11:40:031129parcourir

Why is JSFiddle Denying the Simplest Code from Executing?

JSFiddle se comporte mal : le code simple ne parvient pas à s'exécuter

Face à un problème déroutant dans JSFiddle, vous rencontrez un scénario déroutant dans lequel même le code le plus simple ne fonctionne pas comme prévu. Malgré sa simplicité :

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

et le bouton HTML correspondant :

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

la boîte d'alerte reste visiblement absente dans JSFiddle.

Dévoilement du coupable caché : Paramètres JavaScript

En y regardant de plus près, le problème ne réside pas dans le code lui-même mais dans les paramètres JavaScript de JSFiddle. Pour remédier à la situation, accédez aux paramètres JavaScript et sélectionnez "Pas de retour à la ligne - bas de ". dans la liste déroulante "Type de chargement".

Ce paramètre garantit que le code JavaScript est chargé juste avant le balise, lui permettant d’accéder et de manipuler correctement les éléments HTML. Une fois cette modification effectuée, la boîte d'alerte affichera assidûment son message lorsque le bouton sera cliqué, rétablissant ainsi l'harmonie de votre code JSFiddle.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn