如何在用戶在textarea中輸入的瀏覽器代碼中發送到javascript控制台

Question

我想建立一個網頁，供用戶練習代碼練習。 在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>

Answer 1

發生的情況是正在提交表單，這使得頁面得以刷新，這就是為什么看不到console.log 。 您可以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>

沒有表格（和評估）

 <!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>

如何在用戶在textarea中輸入的瀏覽器代碼中發送到javascript控制台

問題描述

1 個解決方案

解決方案1
4 已采納 2017-06-17 00:43:28

如何在用戶在textarea中輸入的瀏覽器代碼中發送到javascript控制台

問題描述

1 個解決方案

解決方案1 4 已采納 2017-06-17 00:43:28

解決方案1
4 已采納 2017-06-17 00:43:28