Скід стыляў праз style у JavaScript

Няхай мы па некаторай падзеі вырашылі схаваць элемент:

javascriptelem.style.display = 'none';

Няхай цяпер мы вырашылі паказаць яго назад. Гэта значыць, што ўласцівасці display трэба вярнуць яго зыходнае значэнне. Напрыклад, так:

javascriptelem.style.display = 'block';

Праблема ў тым, што гэта не зручна. Бо зыходнае значэнне не абавязкова было менавіта block. Яно магло быць і flex, і inline-block, і чымсьці яшчэ. Яно магло быць зададзена намі у CSS файле, а магло брацца браўзерам па змаўчанні. Адсочваць правільнае значэнне складана.

На шчасце, ёсць спосаб лёгка вярнуць зыходнае значэнне ўласцівасці назад. Проста трэба ў якасці значэння ўласцівасці прысвоіць яму пусты радок:

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

Дадзены дыў і дзве кнопкі. Па кліку на першую кнопку схавайце дыў, а па кліку на другую - пакажыце.

Задание 2

Дадзены дыў і дзве кнопкі. Па кліку на першую кнопку пакрасьце колер дыва ў чырвоны колер, а па кліку на другую - вярніце зыходны колер.