Javascript 尝试在用户输入后操作类信息

我基本上是在学习如何获取用户输入，并根据我已经设置的类信息显示输入。换句话说，我希望用户的输入成为从类信息生成的字符串的一部分。我当前在浏览器中获得字符串，但当我点击按钮时，得到的是“null”而不是用户输入。谁能告诉我我做错了什么

class车辆{
//设置对象
建造师（颜色、方向、当前速度、最高速度、发动机启动）{
这个._color=color；
这个方向=方向；
这是。_currentSpeed=currentSpeed；
这个。_topSpeed=topSpeed；
这是。_engineStarted=true；
}
加速{
return `汽车正在以每小时${this.\u currentSpeed}的速度行驶'；
}
}
让input=document.getElementById（'input1'）；
设myCar2=新车（“绿色”，233，输入，90）；
函数whatstespeed（）{
document.getElementById（'display'）.innerHTML+=myCar2.accelerate（）；
}

速度

尝试使用

input.value

而不仅仅是

input

let input = document.getElementById('input1').value;

---

输入

变量选择

元素。但是由于您得到的结果是

null

，这可能意味着您的脚本在您尝试选择的HTML之前执行。确保您首先拥有HTML元素，并在页面底部添加带有此脚本的

标记

然后当

document.getElementById（'input1'）

确实为您提供了一个元素。请使用该元素的

值

属性获取输入中的当前

值

如果您希望您的汽车在每次单击时更新速度，则需要在

whatstspeed

功能中更新您的实例

class车辆{
//设置对象
建造师（颜色、方向、当前速度、最高速度、发动机启动）{
这个._color=color；
这个方向=方向；
这是。_currentSpeed=currentSpeed；
这个。_topSpeed=topSpeed；
这是。_engineStarted=true；
}
设定速度（速度）{
这是。_currentSpeed=速度；
}
加速{
return `汽车正在以每小时${this.\u currentSpeed}的速度行驶'；
}
}
让input=document.getElementById（'input1'）；
设myCar2=新车（“绿色”，233，输入值，90）；
函数whatstespeed（）{
myCar2.setSpeed（输入值）；
document.getElementById（'display'）.innerHTML=myCar2.accelerate（）；
}

速度

class车辆{
//设置对象
建造师（颜色、方向、当前速度、最高速度、发动机启动）{
这个._color=color；
这个方向=方向；
这是。_currentSpeed=currentSpeed；
这个。_topSpeed=topSpeed；
这是。_engineStarted=true；
}
加速{
让输入=document.getElementById（'input1'）。值；
返回“汽车正在行驶@”+输入+“英里/小时”；
}
}
myCar2=新车（“绿色”，233,20,90）；
函数whatstespeed（）{
document.getElementById（'display'）.innerHTML+=myCar2.accelerate（）；
}

速度