如何将值传递给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) {&nbsp; &nbsp; let value = document.getElementById(fieldName).value; //value of the text input&nbsp; &nbsp; return Number.parseFloat(value);}document.getElementById('add-point').addEventListener('click', function() {&nbsp; let value = getValue("add");&nbsp; chart.series[0].addPoint(value);});

Answer 2

只要获得函数input执行中的getValue值即可。您可以从该函数返回值，例如function getValue() {&nbsp; &nbsp; var val= document.getElementById("add").value,&nbsp; &nbsp; &nbsp; &nbsp; return val;}现在您可以像document.getElementById('add-point').addEventListener('click', function() {&nbsp; &nbsp;var val&nbsp; = getValue();&nbsp; chart.series[0].addPoint(val);});或者，您可以直接在单击处理程序中访问以下值：var el = document.getElementById("add")document.getElementById('add-point').addEventListener('click', function() {&nbsp; chart.series[0].addPoint(el.value);});