如何使用表单更改Javascript代码中变量的值

我刚刚开始为学校项目学习编码（两天前），这对我目前的技能来说可能太雄心勃勃了。我试图创建一个随机图，其中包含给定数量的节点和链接，以及给定的电荷节点。我使用了一个随机图生成器的开源代码，但是我找不到一种方法来修改HTML表单中的节点数、链接数和费用。这是不起作用的代码。如果有人能帮我解决这个问题，我将非常高兴。 （请容忍我的语法，我是初学者…）

var宽度=1000，
高度=1000；
var n=20，//节点数
m=100，//链接数
费用=-10000；
函数changevalue（）{
var n=getElementById（“numberofnodes”）.value；
var m=getElementById（“numberoflinks”）.value；
var charge=getElementById（“chargenumber”）。值；
}
var svg=d3.选择（“正文”）.追加（“svg”）
.attr（“宽度”，宽度）
.attr（“高度”，高度）
.on（“mousedown”，创建）；
创建（）；
函数create（）{
selectAll（“.link，.node”）.remove（）；
随机图（n，m，电荷）；
}
函数randomGraph（n，m，charge）{//在n个节点和m个链接上创建一个随机图
变量节点=d3.范围（n）.映射（对象），
列表=随机选择（无序对（d3.范围（n）），m），
links=list.map（函数（a）{
返回{
资料来源：a[0]，
目标：a[1]
}
});
var-force=d3.layout.force（）
.尺寸（[宽度、高度]）
.节点（节点）
.链接（links）
.收费
.on（“滴答”，滴答）
.start（）；
var svgLinks=svg.selectAll（“.link”）.data（links）
.enter（）.append（“行”）
.attr（“类”、“链接”）；
var svgNodes=svg.selectAll（“.node”）.data（节点）
.enter（）.append（“圆”）
.attr（“类”、“节点”）
.attr（“r”，3）
.样式（“填充”、“白色”）；
svgLinks.transition（）.持续时间（800）
.样式（“笔划宽度”，3）；
函数tick（）{
斯维格诺德斯
.attr（“cx”，功能（d）{
返回d.x
})
.attr（“cy”，函数（d）{
返回d.y
});
斯夫林克斯
.attr（“x1”，函数（d）{
返回d.source.x
})
.attr（“y1”，函数（d）{
返回d.source.y
})
.attr（“x2”，函数（d）{
返回d.target.x
})
.attr（“y2”，功能（d）{
返回d.target.y
});
}
}
函数randomChoose（s，k）{//返回s的随机k元素子集
变量a=[]，
i=-1，
J
而（++i

随机图
.链接{
笔画：黑色；
}
.节点{
笔画：绿色；
笔画宽度：3px；
}
瞧，这是原子图
好啊

changeValue

分配给局部变量是因为

var

关键字，而不是全局变量。只需在该函数中去掉

var

，您必须将输入放入一个变量，我做了您建议的所有修改，但仍然不起作用。。。