Lo que quiero hacer es que en 1 input agregue el total, otro input ponga cuánto pago de anticipo y me dé resultado en otro input lo que se resta, pero con los signos de pesos y separador de miles $100.00
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Ejemplo</title>
</head>
<body>
El producto cuesta: <input type="text" id="caja1" placeholder="Precio 1">
<br><br>
Estas pagando con: <input type="text" id="caja2" placeholder="Precio 2">
<br><br>
Tu cambio es : <input type="text" id="caja3" placeholder="Precio 3">
<div id="aviso"></div>
<script>
let precio1 = document.getElementById("caja1")
let precio2 = document.getElementById("caja2")
let precio3 = document.getElementById("caja3")
precio2.addEventListener("change", () => {
precio3.value = parseFloat(precio2.value) - parseFloat(precio1.value)
})
</script>
</body>
</html>
Intl.NumberFormat
, es bastante sencillo y te ofrece muchas otras opciones de personalización.