[已解决]
Codecademy 无法使用我的脚本
我在网上查找了这个问题，我将该代码与其他运行良好的代码进行了比较，但我所做的一切都不起作用。
我想要完成的是创建一个 div，并在用户按下提交按钮时将文本添加到文本区域中。我现在不需要干净的表单，也不需要 xss 保护措施，我只需要在用户按下按钮时附加一个 div 。
代码:
HTML.index
<body>
<div id="page-background">
<div id="page-footer">
<textarea id="input-box"rows='4' cols='24' placeholder='Input Text Here'></textarea>
<button id='input-button'>Submit</button>
</div>
</div>
</body>
脚本.js
$(document).ready(function(){
$('#input-button').click(function(){
var userInput = $('#input-box').val();
$('#input-box').val('');
$('#page-background').append('<div>' + userInput + '</div>');
});
});
最佳答案
jQuery
确保您在 <head> 中链接到 jQuery标签或在结束之前 </body>标签。
<head>
<script src="https://code.jquery.com/jquery-2.1.3.js"></script>
</head>
<body>
<div id="page-background">
<div id="page-footer">
<textarea id="input-box"rows='4' cols='24' placeholder='Input Text Here'></textarea>
<button id='input-button'>Submit</button>
</div>
</div>
</body>
关于javascript - 单击时追加元素，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/28661991/