Redefinindo estilos através do style em JavaScript

Suponha que, por algum evento, decidimos ocultar um elemento:

javascriptelem.style.display = 'none';

Agora, suponha que decidimos mostrá-lo novamente. Isso significa que a propriedade display precisa ter seu valor original restaurado. Por exemplo, assim:

javascriptelem.style.display = 'block';

O problema é que isso não é conveniente. Afinal, o valor original não era necessariamente block. Poderia ser flex, ou inline-block, ou qualquer outra coisa. Poderia ter sido definido por nós no arquivo CSS, ou poderia ser o valor padrão do navegador. Acompanhar o valor correto é complicado.

Felizmente, existe uma maneira fácil de restaurar o valor original da propriedade. Simplesmente atribua uma string vazia como valor da propriedade:

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

Dada uma div e dois botões. Ao clicar no primeiro botão, oculte a div, e ao clicar no segundo - mostre-a.

Задание 2

Dada uma div e dois botões. Ao clicar no primeiro botão, mude a cor de fundo da div para vermelho, e ao clicar no segundo - restaure a cor original.