¿Cómo debo modificar mi bucle for para que document.querySelector('.answer').style.marginTop = "-1rem"; itera x cantidad de veces? actualmente, no funciona, aunque cambio el valor de I a un número diferente, no pasa nada.

Solo sucederá una vez y eso se debe a if (display.length >= 21)

 function buttonPress(numbers) { let input = document.querySelector('.answer').innerText.split('\n').join('')+numbers let display = document.querySelector('.answer').innerHTML = input console.log(input) if (display.length >= 21) { for (let i = 0; i > display.length; i++) { document.querySelector('.answer').style.marginTop = "-1rem"; } } }

Salida de resultado esperada del comportamiento de la pantalla con bucle for:

 |---------------| |111111111111111| |111111111111111| |111111111111111| |111111111111111| |---------------|