Restablecimiento de estilos mediante style en JavaScript

Supongamos que debido a algún evento decidimos ocultar un elemento:

javascriptelem.style.display = 'none';

Ahora supongamos que decidimos mostrarlo nuevamente. Esto significa que la propiedad display necesita recuperar su valor original. Por ejemplo, así:

javascriptelem.style.display = 'block';

El problema es que esto no es conveniente. Porque el valor original no necesariamente era block. Podría haber sido flex, o inline-block, o algo más. Podría haber sido establecido por nosotros en un archivo CSS, o podría ser el valor predeterminado del navegador. Rastrear el valor correcto es complicado.

Afortunadamente, hay una manera fácil de restaurar el valor original de la propiedad. Simplemente necesitas asignar una cadena vacía como valor de la propiedad:

javascriptelem.style.display = '';
Задание 1

Se dan un div y dos botones. Al hacer clic en el primer botón, oculta el div, y al hacer clic en el segundo, muéstralo.

Задание 2

Se dan un div y dos botones. Al hacer clic en el primer botón, cambia el color de fondo del div a rojo, y al hacer clic en el segundo, restaura el color original.