con eso tiene un error estas duplicando el id de cada carta que se esta generando id description y etc....
-
check_circle_outlineMódulo 1 | 4 clases
Introducción
expand_more -
check_circle_outlineMódulo 2 | 7 clases
Obtener Elementos
expand_more -
check_circle_outlineMódulo 3 | 2 clases
Atributos
expand_more -
check_circle_outlineMódulo 4 | 12 clases
Eventos
expand_more -
check_circle_outlineMódulo 5 | 3 clases
Modificar el DOM
expand_more -
check_circle_outlineMódulo 6 | 1 clases
Despedida del curso
expand_more
6 comentario(s)
hola, a mi la tarjetas se me crean correctamente, pero el titulo y la descripcion me aparecen ${title}, ${description}.
yo creo que debe ser por que mi pc esta configurada en la region argentina y es el signo pesos en vez de dolar o quizas otra cosa, dejo el codigo :
const row = document.querySelector(".row")
yo creo que debe ser por que mi pc esta configurada en la region argentina y es el signo pesos en vez de dolar o quizas otra cosa, dejo el codigo :
const row = document.querySelector(".row")
const form = document.getElementById("course-form")
form.addEventListener("submit",function(e){
e.preventDefault();
let title = document.getElementById("title-form").value
let description = document.getElementById("description-form").value
create_card(title,description)
})
function create_card(title,description){
let html = '<div class="col-sm-6 col-md-4">\
<div class="thumbnail">\
<div class="caption">\
<h3 id="title_card"> ${title} </h3>\
<p id="description_card"> ${description} </p>\
<a href="#" class="btn btn-danger">Accion</a>\
</div>\
</div>\
</div>'
row.innerHTML += html;
}
este es el tramo de codigo que muestran en el video, espero les sirva.
<!-- cards -->
<!-- cards -->
<div class="col-sm-6 col-md-4">
<div class="thumbnail">
<div class="caption">
<h3 id="title_card">Titulo</h3>
<p id="description_card">Descripcion</p>
<p>
<a href="#" class="btn btn-danger">Accion</a>
</p>
</div>
</div>
</div>
<!-- fin card -->
Cabe mencionar que lo que se usa son comillas invertidas en el HTML que se está creando con JavaScript: ``
Clase 26