如何在textarea

时间:2017-06-17 00:36:02

标签: javascript html

我想为用户构建一个网页,以便能够练习代码练习。在javascript中。我正在寻找一种在浏览器会话上执行代码的方法,并在出现任何错误时显示用户。我想知道是否通过从textarea抓取用户文本并将其作为函数的一部分执行将起作用。这是我得到的,但我无法向控制台发送用户输入的文字..任何帮助谢谢

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>JScript Page</title>
    <script>
      function jstest() {
        var text = document.getElementById("textArea").value;
        console.log(text);
      }
    </script>
  </head>
  <body>
    <h2>Enter your code here!</h2>
    <form  >
    <textarea rows="4" cols="50" id="textArea">
</textarea><br>
  <input type="submit" value="Submit" onclick="jstest()">
</form>
  </body>
</html>

1 个答案:

答案 0 :(得分:4)

正在提交的表单会使页面刷新,这就是您无法看到return false的原因。您可以form阻止表单提交或删除<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>JScript Page</title> <script> function jstest() { var text = document.getElementById("textArea").value; console.log(text); return false; } </script> </head> <body> <h2>Enter your code here!</h2> <form> <textarea rows="4" cols="50" id="textArea"> </textarea><br> <input type="submit" value="Submit" onclick="return jstest();"> </form> </body> </html>

&#13;
&#13;
<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <title>JScript Page</title>
  <script>
    function jstest() {
      var text = document.getElementById("textArea").value;
      try {
        eval(text);
      } catch (e) {
        if (e instanceof SyntaxError) {
          alert(e.message);
        }
      }
    }
  </script>
</head>

<body>
  <h2>Enter your code here!</h2>
  <textarea rows="4" cols="50" id="textArea">alert('some')</textarea><br>
  <input type="button" value="Submit" onclick="jstest();">
</body>

</html>
&#13;
&#13;
&#13;

没有表格(和评估)

&#13;
&#13;
{{1}}
&#13;
&#13;
&#13;