gpt4 book ai didi

javascript - 允许用户键入然后在浏览器中执行的 javascript 代码

转载 作者:行者123 更新时间:2023-11-30 05:36:52 25 4
gpt4 key购买 nike

我想构建一些简单的模块来帮助我的学生学习 javascript。我已经制作了一组函数,我希望学生能够输入这些函数,然后执行该函数。例如。我有一个将图像从 1 div 移动到另一个称为 move() 的函数;然后我有一个文本字段,用户需要在其中键入 move();当他们点击提交时,我希望他们编写的代码得到执行,这样他们就可以看到它做了什么。

我真的很难找到这个,希望有人能给我指出正确的方向。谢谢!

<body>
<textarea id='userInput'></textarea>
<div id='go'>Go</div>
<div id='canvas'>
<div id='r1c1' class='square'><img src='dog.png' id='dog'></div>
<div id='r1c2' class='square'></div>
</div>
</body>
</html>
<script>
$('document').ready(function(){
$('#go').click(function(){
var code = $('#userInput').val();
EXECUTE code; //This is where I want the code to be executed//
});
});

function move(){
$('#dog').appendTo('#r1c2');
};

最佳答案

您可以为此目的使用 eval()(在 w3Schools 上)

要更进一步,您可以将代码包装在 try catch block 中以处理用户错误。

关于javascript - 允许用户键入然后在浏览器中执行的 javascript 代码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23145177/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com