Javascript 尝试更改简单单元转换器的值(第一次在JS中使用DOM)

Javascript 尝试更改简单单元转换器的值(第一次在JS中使用DOM),javascript,forms,dom,Javascript,Forms,Dom,大家好,我正在尝试创建一个简单的度到华氏度的转换器,使用Js和一些DOM操作。我正在使用谷歌浏览器。问题似乎是,addEventListener无论如何都不起作用。下面是代码: var button = document.getElementById('degreesToFahrinheit') button.addEventListener('click', function () { var value = document.getElementById('DtF_in').val

大家好,我正在尝试创建一个简单的度到华氏度的转换器,使用Js和一些DOM操作。我正在使用谷歌浏览器。问题似乎是,
addEventListener
无论如何都不起作用。下面是代码:

var button = document.getElementById('degreesToFahrinheit')

button.addEventListener('click', function () {
    var value = document.getElementById('DtF_in').value;
    var input = document.getElementById('DtF_in');
    var newValue = value * 9/5 + 32;
    input.setAttribute('value', 'hello world!')
});
还有我难以置信的简单html:

<button id="degreestoFahrinheit">Convert</button>
    <input id="DtF_in"></input>
 <script src="myscript.js"></script>
转换
非常感谢你们的帮助。请注意,hello world故意在我的拙劣努力中发现了问题
newValue
应该在它的位置。

请参阅本网站上的“vanilla js”条目:
有一个华氏度转换器

你有一个小的输入错误-检查你的html->按钮id应该是:华氏度(到-大写)。请注意,始终检查控制台是否有错误-这样可以节省大量时间。