为什么JavaScript不能运行?

Why won't JavaScript run?

本文关键字：运行 不能 JavaScript 为什么      更新时间：2023-09-26

我正在制作一个HTML代码编辑器，我测试了我知道的所有HTML标签，除了脚本标签外，它们都有效。

当我在文本区输入<script>something</script>并单击按钮时，脚本不会执行。

请帮忙!下面是代码:

<span id="finishedProduct">
<p>When you enter code, your finished product will be here! Don't worry, if you make a mistake you  can fix it later!</p>
</span>
<form name="userCode">
<textarea name="userCode" cols="90" rows="20" placeholder="Type your code here"></textarea></br>
<a href="javascript:makeCode()"><button type="button">Run Code!</button></a>
</form>
<script>
function makeCode() {
var userCode=document.forms["userCode"]["userCode"].value;
document.getElementById('finishedProduct').innerHTML = userCode;
}
</script>

工作代码:

<span id="finishedProduct">When you enter code, your finished product will be here! Don't worry, if you make a mistake you  can fix it later!
</span>
<form name="userCode">
    <textarea name="userCode" cols="90" rows="20" placeholder="Type your code here"></textarea>
    <br/>
    <button type="button" onClick="makeCode()">Run Code!</button>
</form>
<script type="text/javascript">
    function makeCode() {
        var userCode=document.forms["userCode"]["userCode"].value;
        document.getElementById('finishedProduct').innerHTML = userCode;
    }
</script>

这里是JSFiddle的链接:http://jsfiddle.net/Q2qLF/。我删除了一些破损的HTML，例如;一个按钮不应该包含在锚标记中，我在你的按钮中添加了一个'onclick'，它将调用'makeCode()'函数，我在你的脚本标签中添加了'type="text/javascript"'，因为这可以最大限度地提高兼容性。

如果您还需要什么帮助，请告诉我

我已经更新了JSFiddle http://jsfiddle.net/Xanco/Q2qLF/1/现在有两个文本区域，一个用于HTML，一个用于Javascript。我还创建了一个名为'makejs'的新函数，它采用Javascript文本区的值并通过'eval'运行它-这执行传递给它的Javascript。

我把答案放在这里:http://jsfiddle.net/joshnicholson/P8eh9/

我不知道你为什么要把button元素包装在锚中，但我会用一种稍微不同的方式来做。

下面是修改后的javascript:

var myButton = document.getElementById("btnRunCode");
myButton.addEventListener("click", makeCode);
function makeCode() {
    var userCode=document.forms["userCode"]["userCode"].value;
    document.getElementById('finishedProduct').innerHTML = userCode;
}

我添加了一个id"btnRunCode"到你的按钮元素，只是为了让事情对我来说更容易。

相关文章：