javascript – 如何使用jsfiddle进行函数声明

我有一些html / javascript在我的.cshtml文件中有效.
当我尝试将其移动到jsfiddle进行实验时,它不起作用.
不知道如果这是我缺乏javascript经验,jsfiddle经验,可能两者….

HTML：

<div>
<button name="startBtn" id="startBtn" onclick="startTimer">Start</button>
</div>  

(我也尝试了“startTimer()”作为onclick属性;结果相同.)

JavaScript的：

function startTimer() { alert("startTimer"); }

当我点击按钮时,我在控制台中看到了这个：

Uncaught ReferenceError: startTimer is not defined

我在俯瞰什么？
(jsfiddle：http://bit.ly/1buQx9t)

解决方法:

jsFiddle Demo

首先,您必须将Framework设置为No wrap-in< head>而不是onLoad.

描述

onLoad与JavaScript中的window.onload = function(){[你在这里打字]}相同或$(function(){[你在这里打字]});在jQuery中.

没有包装< head>与< head>< script type =“text / javascript”> [你在这里打字]< / script< / head>相同

没有包装< body>与< body> [HTML CODE HERE]< script type =“text / javascript”> [您在这里打字]< / script>< / head>相同

我希望这会在jsFiddle中清除设置,它们可能会有些混乱.

其次你的HTML有点错误：

HTML

<div>
    <input type="button' value='"Start" onclick="startTimer()"/>
</div>

描述

onclick =“startTimer”更改为onclick =“startTimer()”这将执行该功能.

标签：javascript,jsfiddle
来源： https://codeday.me/bug/20190714/1459967.html