为什么 JavaScript 不能运行？

Question

我正在制作一个 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>

Answer 1

这是工作代码：

<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"”添加到您的script 标签，因为这样可以最大限度地提高兼容性。

如果您需要更多帮助，请告诉我

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

Answer 2

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

我不确定您为什么要将按钮元素包装在锚点内，但我会以稍微不同的方式来做。

这是修改后的javascript：

var myButton = document.getElementById("btnRunCode");

myButton.addEventListener("click", makeCode);

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

我为您的按钮元素添加了一个“btnRunCode”的 id，只是为了让我更轻松。见小提琴。