javascript中的长度转换器

我必须复制一个长度转换器，如上图所示。当你在框中输入一个数字并按下一个按钮时，它会在你选择的按钮右侧给出结果。 我从做按钮开始。这是代码，我的问题是我不知道如何使一个函数返回框外所选按钮的结果

Valeur:<input type="text" name="valeur" value="0" oninput="LengthConverter(this.value)"onchange="LengthConverter(this.value)"> Resultat ici<br>
<button type="button" id="inchToCm" onclick="pvc()">Pouces vers cm</button>
<button type="button" id="cmtoInch">CM vers pouces</button>
<button type="button"id="celciusToFarenheit">Celcius vers
Farenheit</button>
    <button type="button" id="farenheitToCelcius">Farenheit vers Celcius</button>

Valeur:Resultat-ici

撅嘴
香喷喷
塞尔西乌斯
华氏
法伦海特弗斯塞尔修斯酒店

我开始使用函数进行长度转换：

<script>
function pvc(valnum){
    document.getElementById("outputCm").innerHTML=valnum/0.39370;
}

</script>

功能pvc（valnum）{
document.getElementById（“outputCm”）.innerHTML=valnum/0.39370；
}

提前感谢您的帮助

我为带有id的“Resultat ici”添加了一个p元素，以便可以从用户检索该值

Valeur:<input type="text" id="value" name="valeur" value="0" /> 

<p id="result">Resultat ici</p>

<button type="button" id="inchToCm" onclick="pvc()">Pouces vers cm</button>
<button type="button" id="cmtoInch" onclick="pvc()">CM vers pouces</button>
<button type="button"id="celciusToFarenheit" onclick="pvc()">Celcius vers
Farenheit</button>
<button type="button" id="farenheitToCelcius" onclick="pvc()">Farenheit vers 
Celcius</button>

Valeur:
Resultat ici
撅嘴
香喷喷
塞尔西乌斯
华氏
法伦海特弗斯
塞尔修斯

我用以下代码为您进行了第一次转换：

<script>
     function pvc() {  
        //get user's input
      var input = document.getElementById("value").value;

     /*implement if statement tests here for the next 3 buttons
      (cmtoinch, celctofahr, fahrtocelc)
      */

      //result of the calculation that is then put into the result p element with the id of result.
      var result = document.getElementById("result");
      result.innerHTML = input / 0.39370;

    }
</script>

函数pvc（）{
//获取用户的输入
var输入=document.getElementById（“值”）.value；
/*在此处为接下来的3个按钮执行if语句测试
（cmtoinch、celctofahr、fahrtocelc）
*/
//计算结果，然后将其放入id为result的result p元素中。
var result=document.getElementById（“结果”）；
result.innerHTML=input/0.39370；
}

此外，这里还有一个代码笔示例：

---

更新：codepen包含if语句

在

html

中是否有

id

设置为

“outputCm”

的元素？没有@Guest271314预期在哪个元素处将结果附加到

文档

？注意，在事件属性调用时，

pvc（）

调用没有传递任何参数，其中

pvc

函数体需要

valnum

参数。所以我需要放置pvc（valnum）这就是你说的吗？我刚刚意识到它不是。我如何声明它，以便它接受用户输入值？它正在工作！其余的我将以你为例。我在理解基本javascript方面仍有很多困难，你的回答帮助了我。谢谢大家的帮助。我很乐意帮忙。我也在学习。这里有一些学习javascript的好网站：teamtreehouse.com、freecodecamp.com、codecademy.com、udacity.com我能问一下你。。。我还是不明白。。。我创建了函数cvp{var input=document.getElementById（“value”）.value；var result1=document.getElementById（“result1”）；result1.innerHTML=input*0.39370；}，但我仍然无法打印它。你做的第一个工作，但不是这一个。如果语句看起来像什么？我更新了代码笔，以包括一个可能的如果语句。这个if语句比较函数的参数，函数的参数由HTML中的“onclick”事件输入。为if语句中需要的每个按钮添加新计算：