estoy tratando de hacer la tarea, de completar el ejerccio con los triangulos, pero tengo un problema, ¿Alguien sabe porq me suma los str...

Pregunta
student
hace 4 años

estoy tratando de hacer la tarea, de completar el ejerccio con los triangulos, pero tengo un problema,

¿Alguien sabe porq me suma los strings, en vez de que me sume los numeros? (ayuda plizz, tenganmen paciencia, soy muy nuevo en esto)

mi codigo en html esta asi:

<<section>

<h2>Carcular Perimetro de un Triangulo</h2>

<form>

<p><label for=“InputLado1”>

Escribe cuando mide el lado 1 de tu triangulo

</label>

<input id=“InputLado1” type=“number”/></p>

<p><label for=“InputLado2”>

Escribe cuando mide el lado 2 de tu triangulo

</label>

<input id=“InputLado2” type=“number”/></p>

<p><label for=“InputBase”>

Escribe cuando mide la base de tu triangulo

</label>

<input id=“InputBase” type=“number”/></p>

<button type=“button” onclick=“calcularPerimetroTri()”>

Calcular El Perimetro

</button>

<button type=“button” onclick=“calcularAreaTri()”>

Calcular el Area

</button>

</form>

<section> >

y la parte de js, la tengo asi:

<//codigo triangulo console.group("Triangulos"); function perimetroTriangulo(lado1, lado2, base){ return (lado1 + lado2 + base); } // TRIANGULO function calcularPerimetroTri(){ const input_t1 = document.getElementById("InputLado1"); const value_t1 = input_t1.value; const input_t2 = document.getElementById("InputLado2"); const value_t2 = input_t2.value; const base = document.getElementById("InputBase"); const valueb = base.value; const perimetro = perimetroTriangulo(value_t1, value_t2, valueb); alert(perimetro); } console.groupEnd();>
14 respuestas
para escribir tu comentario
    Rodrigo Damián Martinez

    Rodrigo Damián Martinez

    student
    hace 2 años

    Buenas, viendo tu código me sirvió para guiarme sobre el mío.

    Sebastian Philippe Molina Gasman

    Sebastian Philippe Molina Gasman

    student
    hace 3 años

    cracks los que dieron las solucion de usar ParsInt - super util!

    Dario Paladines

    Dario Paladines

    student
    hace 4 años

    Seguramente ya solucionaste el problema @sandroGuillenB pero para los posteriores compañeros que vean cual había sido tu error
    El error esta en que al convertir el numero le estas asignando la misma variable en la que la estas guardandola, cuando se debe hacer asi

    opcion1 = document.getElementById("lado1") var l1 = parseInt(opcion1.value) // usamos la variable que traemos del input
    Sandro Guillen Bertys

    Sandro Guillen Bertys

    student
    hace 4 años

    Hice lo que vi en los comentarios de colocarle el parseInt y la verdad aún me sale el nan, no sé por qué. Le agradezco que me ayuden llevo dos horas solucionando el problema.

    ![](Captura de pantalla 2021-10-13 120855.png

    ![](Captura de pantalla 2021-10-13 113521.png

    Sandro Guillen Bertys

    Sandro Guillen Bertys

    student
    hace 4 años

    Hice lo que vi en los comentarios de colocarle el parseInt y la verdad aún me sale el nan, no sé por qué. Le agradezco que me ayuden llevo dos horas solucionando el problema.

    ![](Captura de pantalla 2021-10-13 113229.png

    ![](Captura de pantalla 2021-10-13 113521.png

    JOSE FABIAN BONILLA GUZMAN

    JOSE FABIAN BONILLA GUZMAN

    student
    hace 4 años

    justo me sucedio lo mismo, y venia a preguntar si era buena practicar convertir solo unoa entero o convertir todos los valores

    Pedro Alexander Perez

    Pedro Alexander Perez

    student
    hace 4 años

    pasé media hora tratando de hacerlo solo justo aqui encontré la respuesta 🥳 a seguir con el circulo

    Diego Duran

    Diego Duran

    student
    hace 4 años

    Tambien puedes usar el objeto Number, asi bro:

    function perimetroTriangulo(lado1, lado2, base) { return Number(lado1) + Number(lado2) + Number(base); };
    Andre Bezada

    Andre Bezada

    student
    hace 4 años

    Genial! yo tuve el mismo problema y con 'Number(input.value)' y lo pude hacer 😼

    Sandra Jhoana Espejel Vargas

    Sandra Jhoana Espejel Vargas

    student
    hace 4 años

    También funciona con "Number(input_t1.value)"

Curso Práctico de JavaScript

Curso Práctico de JavaScript

Aprende desarrollo web con JavaScript. Practica los fundamentos de la programación para crear algoritmos que resuelven problemas en la vida real. Convierte problemas en algoritmos con JavaScript y expande su poder integrando HTML interactivo. Descubre el potencial de programar sitios web con JavaScript junto a tu profesor JuanDC.

Curso Práctico de JavaScript
Curso Práctico de JavaScript

Curso Práctico de JavaScript

Aprende desarrollo web con JavaScript. Practica los fundamentos de la programación para crear algoritmos que resuelven problemas en la vida real. Convierte problemas en algoritmos con JavaScript y expande su poder integrando HTML interactivo. Descubre el potencial de programar sitios web con JavaScript junto a tu profesor JuanDC.