Javascript 如何将函数转换为可用的按钮?

Javascript 如何将函数转换为可用的按钮?,javascript,Javascript,我正在尝试使用按钮来计算摄氏度值,并通过一个函数将其转换为华氏度。我尝试过的每件事都没有达到我想要的效果。按钮的值应为转换为华氏度的摄氏值 我尝试过在函数button1、button2和button3中定义参数,在HTML中更改onclick,更改变量名,并仔细检查所有内容 HTML 我希望输出是三个单独的按钮,单击时,这些按钮会根据其值显示各自的华氏度转换。一个函数足以根据按钮本身的值计算所有这些值: 单击按钮后,结果将显示在一个范围内。如果您在其他地方需要该值,您也可以返回该值: 函数转换

我正在尝试使用按钮来计算摄氏度值,并通过一个函数将其转换为华氏度。我尝试过的每件事都没有达到我想要的效果。按钮的值应为转换为华氏度的摄氏值

我尝试过在函数button1、button2和button3中定义参数,在HTML中更改onclick,更改变量名,并仔细检查所有内容

HTML


我希望输出是三个单独的按钮,单击时,这些按钮会根据其值显示各自的华氏度转换。

一个函数足以根据按钮本身的值计算所有这些值:

单击按钮后,结果将显示在一个范围内。如果您在其他地方需要该值,您也可以返回该值:

函数转换{ document.getElementById'result'.innerHTML=temp*9/5+32; }
结果:如果您想使用button@ManuelMannhardt,但使用文本输入更好:

您可以在组件中直接使用onclick事件,如下所示:

函数计算{ var inputWithValue=document.querySelector'val'; var spanForResult=document.querySelector'resultValue'; spanForResult.innerHTML=inputWithValue.value*9/5+32; };
结果:不确定这是否是您需要的,但如果您希望在单击时更改按钮的值/文本,您可以使用类似以下内容:

函数转换器{ //从“单位自定义”属性中获取值,c摄氏度或f华氏度 var单位=el.getAttributeunit //如果是摄氏度,则转换为华氏度,否则执行相反操作 如果单位=c{ el.setAttributeunit,f//将单位设置为f el.value=el.value*9/5+32//用新计算的值C->F设置值 } 否则{ el.setAttributeunit,c//将单位设置为c el.value=el.value-32*5/9//使用新计算的值设置值F->C } }
对不起,我不知道你的意思,你提供的代码片段没有任何意义。也许可以看看MDN:我不确定除了为您编写代码之外,我们是否真的能提供帮助。主要问题似乎是您缺乏任何编程经验。也许你应该先学习如何编写javascript。对不起,在你开始创建自己的解决方案之前,你需要学习更多的javascript。你不能只是跳过学习,抛出随机代码,希望它能工作。先读好书。或者学习一些在线视频教程。尝试他们有提供全面知识的廉价课程。我正在阅读Sams自学JavaScript第7版,这是本书中的练习之一。没有答案键,我在谷歌上找不到任何东西。这就是为什么我在这里问这个问题。我已经多次重读了与我试图解决的问题相关的章节,但我仍然不理解它。考虑到这是本章结尾的练习,我觉得我应该知道怎么做。@DaGallane不要放弃。有时,我们真的需要第一个解决方案,以便了解该研究课题的工作原理。我给了你一个解决方案。如果需要,请随时询问更多。
<input type="button" name="button1" value="10" onclick="conversion1;" />
<input type="button" name="button2" value="20" onclick="conversion2" />
<input type="button" name="button3" value="30" onclick="conversion3" />
function conversion (button1, button2, button3) {
  var conversion1 = ((button1 * 9) / 5) + 32;
  var conversion2 = ((button2 * 9) / 5) + 32;
  var conversion3 = ((button3 * 9) / 5) + 32;
}

var conversionInput = conversion(10, 20, 30);