Javascript 同时更改范围滑块和输入框的值

我想有一个输入框和一个滑块，可以让我改变三角形的高度。当我移动范围滑块时，我已经得到了输入框中要更改的值，但是，如何才能在输入框中输入数字并更改滑块的值。先谢谢你

//默认渐变大小参数
匝道高度=200；
设匝道长度=150；
函数设置（）{
createCanvas（800500）；
var slider=document.getElementById（'高度'）
slider.addEventListener（'change'，function（）{changeHeight（this.value）}）
$（'#height'）。在（'input'，function（）{
var newVal=$（this.val（）；
$（“#heightInput”）.val（newVal）；
});
$（'heightInput'）。在（'input'，function（）上{
//console.log（$（this.val（））
$（'#height'）.val（$（this.val（））
});
}
函数绘图（）{
背景（220）；
填充（150）；
三角形（700，坡道高度，700，400，坡道长度，400）；
}
功能更改高度（高度）{
坡道高度=500-高度*10；
如果（高度>=20和高度40）{
返回高度=100；
}否则，如果（高度<20）{
返回高度=300；
}
}

---

这是您在评论中希望的香草JS中实现的方式。我只是对事件使用了

addEventListener

方法

//默认渐变大小参数
匝道高度=200；
设匝道长度=150；
函数设置（）{
//createCanvas（800500）；
var slider=document.getElementById（'height'）；
var input=document.getElementById（'heightInput'）；
slider.addEventListener（'input'，function（）{
input.value=更改高度（此.value）；
});
addEventListener（'input'，function（）{
slider.value=this.value；
});
}
函数绘图（）{
背景（220）；
填充（150）；
三角形（700，坡道高度，700，400，坡道长度，400）；
}
功能更改高度（高度）{
坡道高度=500-高度*10；
如果（高度>=20和高度40）{
返回高度=100；
}否则，如果（高度<20）{
返回高度=300；
}
}
设置（）

您已经用jQuery完成了。你想知道如何使用香草JS吗？是的，使用香草JS