Javascript 读取文本框的值

我对Javascript、HTML和D3非常陌生，这里有一个愚蠢的问题：

因此，我添加了一个文本框和按钮，如下所示：

<div>
  <input type="text" id="count" name="howmany">
  <input type="button" id="drawbtn" value="draw">
</div>

var numDataPoints = 100;

var numDataPoints = document.getElementById("count").value;

var numDataPoints = document.getElementById('count').value;

所以当我点击我的按钮时，它会画一个有100个圆圈的散点图。 我所需要做的就是告诉它读取文本框中的值，并在文本框中输入多少圈，而不总是硬编码的100圈。 这就是我目前所要做的：

---

注意：无论我们需要添加什么来实现这一点，也请注意它应该仍然与IE7和IE8兼容。。。我不想使用IE7无法理解的方法。

这应该可以解决问题：

var numDataPoints = document.getElementById("count").value;

或者如果您使用jQuery

var numDataPoints = $("#count").val();

---

您可以使用以下内容更新JS以从中读取：

<div>
  <input type="text" id="count" name="howmany">
  <input type="button" id="drawbtn" value="draw">
</div>

var numDataPoints = 100;

var numDataPoints = document.getElementById("count").value;

var numDataPoints = document.getElementById('count').value;

当您单击按钮时，您可以使用类似的方式运行它：

var btn = document.getElementById("drawbtn");
btn.addEventListener("click", function() {
    var numDataPoints = document.getElementById("count").value;
    console.log(numDataPoints);
});

---

您应该能够通过组合和获得数值：

10指定它在base-10中解析，而不是尝试猜测基数

您可以按如下方式获取计数输入的值：

<div>
  <input type="text" id="count" name="howmany">
  <input type="button" id="drawbtn" value="draw">
</div>

var numDataPoints = 100;

var numDataPoints = document.getElementById("count").value;

var numDataPoints = document.getElementById('count').value;

---

您可以制作一个d3文本框，该文本框保留相同的属性代码，如.attrx、ect，并且工作原理相同

您可以将属性类应用于.attrclass、anyname，以允许在d3中使用外来对象操纵或调用对象的值，尽管还没有太多关于它的文档，外来对象似乎不允许.transition方法，但所有其他功能保持不变

/*Imaging width and height being of an SVG object
width=screen.width, height=screen.height;
and rows+Cols of that of an object (using d3 conventionality
to assign document.getElementById=('inputbox').value;
amazingly adding a third dimension of selection to style='resize: none;' works

*/

我在.html和.style resize none中添加了一些元素，以生成一个接受用户输入的不可缩放文本区域：