Tengo un div vacio al principio, place, donde inserto el div.full de la ultima noticia, al cargar la pagina. Luego, tres divs "col", cada uno con su div.sumary,div.full, y su boton , el span:more. La idea es que , al click del boton, se borre el div hijo de place, el cargado de la ultima noticia, y lo reemplace con el div.full del div del boton clickeado. y, segun el orden de click, lo agrega, y se ven dos noticias. Algo me falla con el btnmas[i], que probe fuera de la instruccion, pero no funciona, tampoco. Alguna idea?
<div id="page">
<div id="place">
</div>
<div class="row">
<div class"col">
<div class="sumary">
sumary1
<span class"more"></span>
</div>
<div class"full">
full1
</div>
</div>
<div class"col">
<div class="sumary">
sumary2
<span class"more">
</span>
</div>
<div class="full">
full2
</div>
</div>
<div class"col">
<div class="sumary">
sumary3
<span class"more">
</span>
</div>
<div class="full">
full3
</div>
</div>
</div>
</div>
let todo = document.getElementsByClassName('full');
let btnmas = document.getElementsByClassName ("more");
let place = document.getElementById ("showlast");
let ultima = document.getElementsByClassName('full')[0];
place.appendChild (ultima);
for (let i = 0; i < btnmas.length; i++) {
btnmas[i].innerHTML = "Leer más...";
btnmas[i].addEventListener('click', myFunction );
function myFunction() {
var x = todo[+i];
var z = place.childNodes[0];
if (x.style.display === 'none') {
place.removeChild (place.childNodes[0]);
x.style.display = 'block';
place.appendChild(x);
} else {
x.style.display = 'none';
place.removeChild;
}
}
´´´
<>
). Leé Cómo preguntar y haz el recorrido de bienvenida para conocer el funcionamiento del sitio.