La propiedad value
del select
es un string
. Necesitas convertirlo con parseInt
o parseFloat
para preservar los decimales. Eso es todo.
Por cierto, en la parte de onchange
te quedó un nombre diferente se la función que estás usando. Tienes que cambiarlo:
onchange="Converter(this.value)"
Así queda:
function Converter(valNum) {
valNum = parseInt(valNum)
document.getElementById("outputMeters").innerHTML=valNum-18;
document.getElementById("outputMeters2").innerHTML=valNum-16;
document.getElementById("outputMeters3").innerHTML=valNum-20;
document.getElementById("outputMeters4").innerHTML=valNum+14;
}
body {font-family: helvetica;}
h2 {color: #FE5708;}
p {color: black;}
<h2>Conversor de tallas</h2>
<p>Selecciona tu talla en centimetros</p>
<select name="cm" id="input" oninput="Converter(this.value)" onchange="Converter(this.value)">
<option value="">Centímetros</option>
<option value="22">22</option>
<option value="22">22.5</option>
<option value="23">23</option>
<option value="23.5">23.5</option>
<option value="24">24</option>
<option value="24.5">24.5</option>
<option value="25">25</option>
<option value="25.5">25.5</option>
<option value="26">26</option>
<option value="26.5">26.5</option>
<option value="27">27</option>
<option value="27.5">27.5</option>
<option value="28">28</option>
<option value="28.5">28.5</option>
<option value="29">29</option>
<option value="29.5">29.5</option>
<option value="30">30</option>
<option value="30.5">30.5</option>
<option value="31">31</option>
<option value="31.5">31.5</option>
<option value="32">32</option>
<option value="32.5">32.5</option>
</select>
<p>US M <span id="outputMeters"></span></p>
<p>US W <span id="outputMeters2"></span></p>
<p>MEX <span id="outputMeters3"></span></p>
<p>EURO <span id="outputMeters4"></span></p>