Soy nuevo en vscode y apenas me molesta una cosa.
var template = "<div> <input type="text" class="input"> <input type="text" class="input"> <input type="text" class="input"> <input type="text" class="input"> <input type="text" class="input"> </div> "No tengo idea de por qué vscode no está envolviendo todas esas líneas entre comillas. Simplemente arroja un error de sintaxis. Se lee cuando se alinearon en una línea, pero cuando rompo la línea para que se vea bien, el código no funciona. ¿Alguna idea?
Puedes hacer esto:
var template = ` <div> <input type="text" class="input"> <input type="text" class="input"> <input type="text" class="input"> <input type="text" class="input"> <input type="text" class="input"> </div> `; document.body.innerHTML = template;Si no está familiarizado con las cadenas de plantilla , aquí está la documentación de MDN .
Puedes probar de esta manera. Simplemente use comillas simples para rodear la cadena variable y use barras invertidas para cambiar de línea.
var template = '<div>\ <input type="text" class="input"> \ <input type="text" class="input"> \ <input type="text" class="input"> \ <input type="text" class="input"> \ <input type="text" class="input"> \ </div>'; document.body.innerHTML = template;Falla por múltiples razones:
La única forma de solucionarlo es como en el siguiente ejemplo. Tienes que abrir y cerrar la variable y usar un + para continuar la variable en la siguiente línea:
var template = '<div>' + '<input type="text" class="input">' + '<input type="text" class="input">' + '<input type="text" class="input">' + '<input type="text" class="input">' + '<input type="text" class="input">' + '</div>'; document.body.innerHTML = template;