JavaScript-de style arkaly stilleri başlangyç ýagdaýyna getirmek

Diňle, biz bir wakanyň dowamynda elementi gizlemegi karar berdi:

javascriptelem.style.display = 'none';

Indi bolsa, biz ony yzyna görkezmek kararyna geldik. Bu, display hasiýetiniň başlangyç bahasyna gaýtarmaly digi manyny berýär. Mysal üçin, şeýle:

javascriptelem.style.display = 'block';

Problem şonda, bu amatly däl. Sebäbi başlangyç bahasy hökmany suratda block bolmaly däldi. Ol flex, inline-block ýa-da başga bir zat bolup bilerdi. Ol biz tarapyndan CSS faýlynda belgilenip bilerdi ýa-da brauzer tarapyndan deslapky baha hökmünde alynyp bilerdi. Dogry bahany yzarlamak kyn.

Bagtymyza, hasiýeti aňsatlyk bilen başlangyç bahasyna gaýtarmagyň bir ýoly bar. Diňe bir hasiýete baha hökmünde boş setir bermek ýeterlik:

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

Bir div we iki düwme berlen. Birinji düwmä basylanda divi gizläň, ikinji düwmä basylanda bolsa görkeziň.

Задание 2

Bir div we iki düwme berlen. Birinji düwmä basylanda diviň reňkini gyzyl reňke öwüriň, ikinji düwmä basylanda bolsa başlangyç reňkine gaýtaryň.