Hola no me ejecuta el código y no se que pueda ser , le tengo horas y no veo el fallo , en consola me sale : porcentajes.js:23 Uncaught T...

Jose Flores

Pregunta

student•hace 4 años

Hola no me ejecuta el código y no se que pueda ser , le tengo horas y no veo el fallo , en consola me sale :

porcentajes.js:23 Uncaught TypeError: document.getElementById is not a function

at calcularPorcetaje (porcentajes.js:23)

at HTMLButtonElement.onclick (porsentaje.html:20)

mi código HTML:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Porcentaje % </title>
</head>
<body>
    <h1> Calculadora de Porcentajes</h1>
    <form>
        <label for="precioOriginal"> Precio Original: </label>
        <input type="number" id="precioOriginal">
    
        <br>
    
        <label for="descuento"> Tu descuento: </label>
        <input type="number" id="descuento">
    


        <button type="button" onclick="calcularPorcetaje()"> Calcula tu descuento</button>
        <p id="ResultadoP"></p>
    </form>

    <script src="./porcentajes.js "></script>
</body>
</html>

Código JS

function calacularPrecioCondescuento (precio, descuento)
{
    const porcentajePrecioDescuento = 100 - descuento;
    const precioConDescuento =( precio * porcentajePrecioDescuento ) /100;

    return precioConDescuento;
}

function calcularPorcetaje()
{
    const inputPrecio = document.getElementById= ("precioOriginal");
    const precioValue = inputPrecio.value;
    
    const inputDescuento = document.getElementById= ("descuento");
    const descuentoValue = inputDescuento.value;

    const precioConDescuento = calacularPrecioCondescuento (precioValue ,descuentoValue);
    const r= document.getElementById("ResultadoP");
    
    r.innerText =  "El precio con descuento es: $" + precioConDescuento;
}

Jose Flores

student•hace 4 años

Mil gracias, estaba tan embotado que no vi los signos de (=) , ya me dolía la cabeza , gracias totales ! ![]

Iris Valentina Barrios

student•hace 4 años

¡Hola Platzinauta 🖐! Tienes unos errores de sintaxis los cuales pueden ser la causa de tu error; el

document.getElementById()

es una función, por lo tanto, no debes escribir

document.getElementById=("id")

, al poner el igual, rompe la sintaxis de tu documento, este se ve en tu código en:

const inputPrecio = document.getElementById= ("precioOriginal");
const inputDescuento = document.getElementById= ("descuento");

Tampoco debes dejar espacios entre el nombre de la función y los paréntesis :) La solución sería:

functioncalacularPrecioCondescuento (precio, descuento)
{
    const porcentajePrecioDescuento = 100 - descuento;
    const precioConDescuento =( precio * porcentajePrecioDescuento ) /100;

    return precioConDescuento;
}

functioncalcularPorcetaje()
{
    const inputPrecio = document.getElementById("precioOriginal");
    const precioValue = inputPrecio.value;
    
    const inputDescuento = document.getElementById("descuento");
    const descuentoValue = inputDescuento.value;

    const precioConDescuento = calacularPrecioCondescuento (precioValue ,descuentoValue);
    const r= document.getElementById("ResultadoP");
    
    r.innerText =  "El precio con descuento es: $" + precioConDescuento;
}

Hola no me ejecuta el código y no se que pueda ser , le tengo horas y no veo el fallo , en consola me sale : porcentajes.js:23 Uncaught T...

Curso Práctico de JavaScript

Curso Práctico de JavaScript