Código
<svg width="200" height="100" style="border:solid"> <style> @import url("https://fonts.googleapis.com/css2?family=Acme") </style> <script> var nombre = prompt('Escribe tu nombre'); var estilos = "font-size:30;font-family:Acme;fill:#ff00ff;stroke:#000;stroke-width:1;" var txt = document.getElementById("txt") txt.textContent = nombre; txt.setAttribute("style", estilos); </script> </svg>
Otra cosa que estas haciendo mal es con los textos y las comillas, no puedes poner saltos de línea de esa manera a no ser que uses Template Strings ( `texto` ):
Código
var nombre = prompt(`Escribe tu nombre`); var estilos = `font-size:30; font-family:Acme; fill:#ff00ff; stroke:#000; stroke-width:1;` var txt = document.getElementById("txt"); txt.textContent = nombre; txt.setAttribute("style", estilos);
Tampoco puedes poner otras comillas dentro de comillas porque causa ambigüedad (esto está mal):
Código
var texto = "Hola soy "nuevo" aqui";
O escapas las comillas internas:
Código
var texto = "Hola soy \"nuevo\" aqui";
O te ayudas de las comillas simples:
Código
var texto = "Hola soy 'nuevo' aqui";
Código
var texto = 'Hola soy "nuevo" aqui';