Нулиране на стилове чрез style в JavaScript

Да предположим, че по някакво събитие решихме да скрием елемент:

javascriptelem.style.display = 'none';

Сега да предположим, че решим да го покажем отново. Това означава, че на свойството display трябва да се върне първоначалната му стойност. Например, така:

javascriptelem.style.display = 'block';

Проблемът е, че това не е удобно. В крайна сметка първоначалната стойност не е задължително да е била точно block. Тя е могла да бъде flex, inline-block, или нещо друго. Може да сме я задали в CSS файл, или да се взима от браузъра по подразбиране. Проследяването на правилната стойност е трудно.

За щастие, има начин лесно да се върне първоначалната стойност на свойството обратно. Просто трябва като стойност на свойството да му се присвои празен низ:

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

Даден е div и два бутона. При клик на първия бутон скрийте div, а при клик на втория - го покажете.

Задание 2

Даден е div и два бутона. При клик на първия бутон оцветете div в червено, а при клик на втория - върнете първоначалния цвят.