Variables JS

<!DOCTYPE html>
<html lang="es">
<head>
 <meta charset="UTF-8">
 <title>Caso completo</title>
</head>
<body>

<h3>Resumen de Compra</h3>
 Producto: 
 Precio original: 
 Descuento: 
 Precio con descuento: 
 Cantidad: 
 Total a pagar:

let precioConDescuento = precio - (precio * descuento);
    let total              = precioConDescuento * cantidad;

document.getElementById("producto").innerHTML = producto;
 document.getElementById("original").innerHTML = "$" + precio;
 document.getElementById("dcto").innerHTML = (descuento * 100) + "%";
 document.getElementById("final").innerHTML = "$" + precioConDescuento.toFixed(2);
 document.getElementById("cantidad").innerHTML = cantidad;
 document.getElementById("total").innerHTML = "$" + total.toFixed(2);
 </script>

</body>
</html>