11<script >
2- // Selecciona un elemento del DOM
32 const elementInDOM = selector => document .querySelector (selector);
43
5- // Selecciona un elemento del DOM y comprueba que exista
64 const elementReady = selector => {
75 const element = elementInDOM (selector);
86 if (element && element instanceof HTMLElement ) {
1412
1513 // media query event handler (mobile)
1614 function handleResize () {
17- // Selecciona los elementos y comprueba que existan
1815 const main = elementInDOM (' .main' );
1916 const aboutMe = elementInDOM (' .about' );
2017 const experience = elementInDOM (' .experiencies' );
2724 const background = elementInDOM (' .background' );
2825 const footer = elementInDOM (' .footer' );
2926
30- // Selecciona las columnas y comprueba que existan
3127 const columnLeft = elementInDOM (' .column-left' );
3228 const columnRight = elementInDOM (' .column-right' );
3329
3430 if (window .innerWidth > 834 ) {
35- // Mueve los elementos a las columnas correspondientes
3631 aboutMe && columnLeft .appendChild (aboutMe);
3732 experience && columnLeft .appendChild (experience);
3833 myLinks && columnRight .appendChild (myLinks);
4136 softSkills && columnRight .appendChild (softSkills);
4237 education && columnRight .appendChild (education);
4338
44- // Comprueba que haya contenido en la colummna izquierda por el grid
4539 if (columnLeft .children .length === 0 ) {
4640 columnLeft .style .display = ' none' ;
4741 }
5347 background .classList .remove (' background--image' );
5448 }
5549 } else {
56- // Mueve los elementos al contenedor
5750 myLinks && main .appendChild (myLinks);
5851 aboutMe && main .appendChild (aboutMe);
5952 hardSkills && main .appendChild (hardSkills);
6457 }
6558 }
6659
67- // Se ejecuta cuando la página cambia de tamaño
6860 window .addEventListener (' resize' , handleResize);
6961
70- // Se ejecuta cuando la página está cargada
7162 document .addEventListener (' DOMContentLoaded' , handleResize);
7263 </script >
7364</body >
74- </html >
65+ </html >
0 commit comments