Obtuve una función que obtiene el tamaño del usuario y crea el div, pero no estoy seguro de cómo expresar el tamaño delante de px.
function createDiv(size) { const div = document.createElement("div"); div.classList.add("box"); div.style.width = `${size} px`; div.style.height = `${size} px`; console.log(size); return div; }Funciona si ingreso el tamaño como 75px:
function createDiv(size) { const div = document.createElement("div"); div.classList.add("box"); div.style.width = "75px"; div.style.height = "75px"; console.log(size); return div; }Debe eliminar el espacio entre el valor y px , debería ser así: ${size}px .
function createDiv(size) { const div = document.createElement("div"); div.classList.add("box"); div.style.width = `${size}px`; div.style.height = `${size}px`; document.body.appendChild(div); } createDiv(100); .box { background: lawngreen; }