Question

我想从文本区域获取用户输入，并使用以下代码将其传递给我的Javascript函数，但无法使其正常工作。有人可以帮我吗？

<!DOCTYPE html>

<head>
    <title>Testing</title>
    <script type="text/javascript">
    function MyFunc(UserCode.value) {
        var syntax = esprima.parse(UserCode.value);
        document.getElementById("demo").innerHTML = JSON.stringify(syntax);
    }
    </script>
    <script src="esprima.js"></script>
    <script src="parse.js"></script>
</head>

<body>
    <label>Please enter your code:</label>
    <br>
    <textarea rows="4" cols="50" id="UserCode">
var answer = 6 * 7;
    </textarea>

    <br>
    <button type="button" onclick="MyFunc(UserCode.value)">Convert</button>
    <p id="demo">Result</p>
</body>

</html>

Answer 1

您的代码中未定义

UserCode。创建一个带有id的元素不会奇怪地生成具有该名称的javascript变量。您必须以与demo段落相同的方式获得对元素的引用：

<!DOCTYPE html>

<head>
    <title>Testing</title>
    <script type="text/javascript">
    function MyFunc(textAreaId) {
        var value = document.getElementbyId(textAreaId).value;
        var syntax = esprima.parse(value);
        document.getElementById("demo").innerHTML = JSON.stringify(syntax);
    }
    </script>
    <script src="esprima.js"></script>
    <script src="parse.js"></script>
</head>

<body>
    <label>Please enter your code:</label>
    <br>
    <textarea rows="4" cols="50" id="UserCode">
var answer = 6 * 7;
    </textarea>

    <br>
    <button type="button" onclick="MyFunc('UserCode')">Convert</button>
    <p id="demo">Result</p>
</body>

</html>

Answer 2

首先，您尝试错误地访问textarea元素。您必须使用document.getElementById，如下所示：

<button type="button" onclick="MyFunc(document.getElementById('UserCode').value)">Convert</button>

其次，您正在错误地定义您的功能。你的功能应该是这样的：

function MyFunc(text) {
    var syntax = esprima.parse(text);
    document.getElementById("demo").innerHTML = JSON.stringify(syntax);
}

Answer 3

示例：http://jsfiddle.net/3ackg/

JS：

$("#convert").click(function() {
    var code = $('#code').val();
    //var code = esprima.parse(code);
    var result = JSON.stringify(code);
    $('#result').html(result);
});

HTML：

<textarea rows="4" cols="50" id="code">var answer = 6 * 7;</textarea>
<button type="button" id="convert">Convert</button>
<p id="result">Result</p>

HTML从textarea获取输入并将其传递给我的Javascript函数

3 个答案: