Juan Camilo Noreña López
Preguntastudent•hace 4 años
Me sale esto en consola: Uncaught TypeError: Cannot set properties of null (setting ‘innerText’)
y no se que cual es el error
Este es mi codigo:
HTML
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Calcula los descuentos de tus productos</title> </head> <body> <header> <h1>Descuentos y Porcentajes</h1> <p>Taller #2 del Curso Practico de JavaScript</p> </header> <section> <form action=""> <label for="Price">Escribe el precio del producto</label> <input type="number" id="Price"> <label for="Discount">Escribe el porcentaje de descuento</label> <input type="number" id="Discount"> <button type="button" onclick="calcularValorConDescuento()">Calcular precio con descuento </button> <p id="ResulPr"></p> </form> </section> <footer> </footer> <script src="Descuentos .js"></script> </body> </html>
JS
function priceWithDiscount (price, descuentototal){ const value = price - (price * descuentototal); return value; } function calcularValorConDescuento() { const precioOriginal = document.getElementById("Price"); const precio = parseInt(precioOriginal.value); const descuento = document.getElementById("Discount"); const discount = parseInt(descuento.value); const descuentoDivididoCien = discount / 100; const devolverPreciofinal = priceWithDiscount(precio, descuentoDivididoCien); const resultP = document.getElementById("ResultPr"); resultP.innerText = "El precio con descuento es: $" + devolverPreciofinal + "pesos"; }
Pablo Antipan Quiñenao
student•hace 4 años
Hola! El error es un typo en que el p del html con id "ResulPr" en el archivo js lo escribiste como "ResultPr", creo que en el html querías escribir ResultPr pero te faltó la "t", por lo que el p quedaría como <p id="ResultPr"></p>. Saludos!
