Estoy aprendiendo algo de JS básico y cómo se ven sus resultados en HTML. me encuentro con esto:
<!DOCTYPE html> <html> <body> <h1>Demo: JavaScript Arithmatic Operators</h1> <p>x = 5, y = 10, z;</p> <p id="p1">x+y=</p> <script> var x = 5, y = 10; var z = x + y document.getElementById("p1").innerHTML += z; </script> </body> </html>Por lo que he leído sobre el operador '+=', agrega el operando derecho al operando izquierdo y luego lo guarda de nuevo en el operando izquierdo. Sin embargo, estoy confundido sobre cuál es el propósito de '+=' en esta línea.
document.getElementById("p1").innerHTML += z; // equals to document.getElementById("p1").innerHTML = document.getElementById("p1").innerHTML + z; // in this case document.getElementById("p1").innerHTML = "x+y=" + 15 // finally, you will see "x+y=15" on the pagesi tiene dos variables, ¿quiere agregar estas dos y almacenarlas en una de ellas?
a=5; b=4;
a = a + b esto es lo mismo que a += b; entonces en tu caso puedes usar
document.getElementById("p1").innerHTML = document.getElementById("p1").innerHTML + z; or document.getElementById("p1").innerHTML += z;Simplemente agrega el valor del operando derecho (15) al contenido de la etiqueta <p id="p1"> (eso es x+y). Entonces resulta como "x+y=15"
Para más aclaraciones:
documento.getElementById("p1").innerHTML += z; En esta línea, toma el HTML interno (contenido actual) del elemento html con id 'p1' (aquí es una etiqueta <p>), agrega el operando derecho (aquí su variable z: que contiene el valor 15 después de js agrega el resultado de la operación) para ese contenido, y configúralo de nuevo como el HTML interno de esa etiqueta <p>.