Skip to main content
Decimales
Origen Enlace
Mateo
  • 10.3k
  • 3
  • 14
  • 30

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>

La propiedad value del select es un string. Necesitas convertirlo con parseInt. 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>

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>

Origen Enlace
Mateo
  • 10.3k
  • 3
  • 14
  • 30

La propiedad value del select es un string. Necesitas convertirlo con parseInt. 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>