JavaScript орқали style воситасида стилларни қайта тиклаш

Фарз қилайлик, биз қандайдир воқелангдан кейин элементни яширишга қарор қилдик:

javascriptelem.style.display = 'none';

Энди фарз қилайлик, биз уни яна кўрсатишга қарор қилдик. Бу display хоссасига унинг асл қийматини қайтариш керак дегани. Масалан, шундай:

javascriptelem.style.display = 'block';

Муаммо шундаки, бу қулай эмас. Чунки асл қиймат худди block бўлиши шарт эмас. У flex ёки inline-block ҳам бўлиши мумкин, ёки бошқа нарса ҳам. У биз томонимиздан CSS файлида берилган бўлиши мумкин, ёки браузер томонидан сустки ҳолатда олиниши мумкин. Тўғри қийматни кузатиш қийин.

Хайриятга қаранг, хоссанинг асл қийматини осонликча қайтариш усули мавжуд. Жуда содда - хоссага қиймат сифатида буш сатрни тенглаштиришингиз керак:

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

Див ва иккита тугма берилган. Биринчи тугма босилганда дивни яширинг, иккинчи тугма босилганда эса кўрсатинг.

Задание 2

Див ва иккита тугма берилган. Биринчи тугма босилганда дивнинг рангни қизил рангга бўянг, иккинчи тугма босилганда эса асл рангни қайтаринг.