Problemas con una variable de texto donde deseo guardar etiquetas de imagen y de enlace.
a qui esta el código completo y correjido el ; que faltaba y aun me muestra el error al presionar el botón.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
</head>
<body>
<button id="chuchito" type="button" >Aprietame!</button>
<div id="contenido"></div>
<div id="acciones"></div>
<script>
prueba();
function prueba()
{
var d="/";
var html="";
var cuerpom="";
cuerpom+="<img src='pollito.png' style='width: 100%;' >"; /// Aqui
cuerpom+="<br><b>Reseña:</b>Bla..bla..<br><b>Fuente:</b>Bla..bla..<br><b>Autor: </b>Bla..bla..<br><b>Tipo:</b> Bla..bla..";
cuerpom+="<br><b>Eje:</b>Bla..Bla..<br><b>Duración:</b>Bla..Bla.";
cuerpom+="<a href='https://www.google.com' target='_blank'></a>"; /// Aqui tambien
html+="<script>";
html+="$('#chuchito').click(function() { ";
html+="$('#contenido').html('"+cuerpom+"');";
html+="});";
html+="<"+d+"script>";
$("#acciones").html(html);
}
</script>
</body>
<html>
Esto es lo que muestra la consola de Google Chrome
> VM346:1 Uncaught SyntaxError: missing ) after argument list
at p (jquery.min.js:2)
at Ja (jquery.min.js:3)
at r.fn.init.append (jquery.min.js:3)
at r.fn.init.<anonymous> (jquery.min.js:3)
at T (jquery.min.js:3)
at r.fn.init.html (jquery.min.js:3)
at prueba ((index):33)
at (index):12
p @ jquery.min.js:2
Ja @ jquery.min.js:3
append @ jquery.min.js:3
(anonymous) @ jquery.min.js:3
T @ jquery.min.js:3
html @ jquery.min.js:3
prueba @ (index):33
(anonymous) @ (index):12
html+="<"+d+"script>";
? Porqué mejor no haces:html+="</script>";
?div
"acciones" la imagen y el link? es correcto?