如何将值传递给javascript？

Question

我目前正在使用Highcharts，正在尝试创建一个函数，该函数使用我在数字字段中写入的数据，并在单击添加点时将其作为图表中的新点显示出来，添加点显示在链接中是将点随机添加到图表中。http://jsfiddle.net/BlackLabel/2kw1b5o0/ <div id="container"></div>        <input type="number" id="add" name="new-point" value="">        <button  id="add-point">Add point</button>    <script>var chart = Highcharts.chart('container', {  series: [{    data: [1, 2, 3, 4, 5]  }]});function getValue(add) {    ext = document.getElementById(id).value; //value of the text input    alert(text);    return false;}var x= document.getElementsByClassName("new-point").value;   document.getElementById('add-point').addEventListener('click', function() {chart.series[0].addPoint();});

Answer 1

您的代码存在一些问题：

您的getValue函数需要字段名称作为参数，该参数将在document.getElementById()函数中用于检索要从中读取数据的字段

您需要使用return关键字返回读取的值

您的图表需要一个数字。因此，您需要使用Number.parseFloat（）解析读取

然后，您的事件处理程序需要调用该getValue函数并提供字段名称：

function getValue(fieldName) {

    let value = document.getElementById(fieldName).value; //value of the text input

    return Number.parseFloat(value);

}

document.getElementById('add-point').addEventListener('click', function() {

  let value = getValue("add");

  chart.series[0].addPoint(value);

});

Answer 2

只要获得函数input执行中的getValue值即可。您可以从该函数返回值，例如

function getValue() {

    var val= document.getElementById("add").value,

        return val;

}

现在您可以像

document.getElementById('add-point').addEventListener('click', function() {

   var val  = getValue();

  chart.series[0].addPoint(val);

});

或者，您可以直接在单击处理程序中访问以下值：

var el = document.getElementById("add")

document.getElementById('add-point').addEventListener('click', function() {

  chart.series[0].addPoint(el.value);

});