Volver
Ctrl+Space
◑
Copiar
Descargar
Restaurar
Ejecutar
Ctrl+Enter
<!DOCTYPE html> <html lang="es"> <head> <meta charset="UTF-8"> <title>Strings en JS — Ejemplo 1</title> <style> body { font-family: Arial, sans-serif; padding: 20px; background: #fff; } .bloque { background: #f5f5f5; border-left: 4px solid #F7DF1E; padding: 12px 16px; margin: 10px 0; border-radius: 0 6px 6px 0; } .label { font-size: 12px; color: #888; font-weight: bold; margin-bottom: 4px; } .valor { font-size: 15px; color: #222; font-family: monospace; } </style> </head> <body> <h2>Strings en JavaScript — Crear y tipos</h2> <div class="bloque"><div class="label">Comillas dobles</div><div class="valor" id="r1"></div></div> <div class="bloque"><div class="label">Comillas simples</div><div class="valor" id="r2"></div></div> <div class="bloque"><div class="label">Template literal (backticks)</div><div class="valor" id="r3"></div></div> <div class="bloque"><div class="label">Multilínea con template literal</div><div class="valor" id="r4"></div></div> <div class="bloque"><div class="label">Tipo de dato (typeof)</div><div class="valor" id="r5"></div></div> <div class="bloque"><div class="label">Longitud (.length)</div><div class="valor" id="r6"></div></div> <div class="bloque"><div class="label">Acceso por índice</div><div class="valor" id="r7"></div></div> <script> // Strings en JavaScript - Ejemplo 1: Crear strings const nombre = "Juan"; // comillas dobles const apellido = 'Pérez'; // comillas simples — equivalente const edad = 28; // Template literal — interpolación con ${} const presentacion = `Me llamo ${nombre} ${apellido} y tengo ${edad} años.`; // Multilínea sin \n ni concatenaciones const tarjeta = `Nombre: ${nombre} ${apellido} Edad: ${edad} años País: Argentina`; document.getElementById("r1").textContent = '"' + nombre + '" — comillas dobles'; document.getElementById("r2").textContent = "'" + apellido + "' — comillas simples"; document.getElementById("r3").textContent = presentacion; document.getElementById("r4").innerHTML = tarjeta.replaceAll('\n', '<br>'); document.getElementById("r5").textContent = `typeof nombre = "${typeof nombre}" | typeof edad = "${typeof edad}"`; document.getElementById("r6").textContent = `"${nombre}".length = ${nombre.length} | "${apellido}".length = ${apellido.length}`; const palabra = "JavaScript"; document.getElementById("r7").textContent = `"${palabra}"[0] = "${palabra[0]}" | [4] = "${palabra[4]}" | .at(-1) = "${palabra.at(-1)}"`; </script> </body> </html>