Attributes and properties скачать в хорошем качестве

Attributes and properties

1. HTML hujjatdagi data-widget-name atributiga ega elementni tanlab, uning qiymatini o‘qish uchun JavaScript kodini yozing. {!DOCTYPE html} {html} {body} {div data-widget-name="menu"}Choose the genre{/div} {script} let element = document.querySelector('[data-widget-name]'); console.log(element.getAttribute('data-widget-name')); // "menu" {/script} {/body} {/html} 2. Quyidagi HTML kodda data-user-role atributi mavjud. Uni JavaScript yordamida olib, konsolga chiqaring. {!DOCTYPE html} {html} {body} {div id="user" data-user-role="admin"}Welcome, user!{/div} {script} // Kodni shu yerga yozing {/script} {/body} {/html} Natija: "admin" konsolga chiqarilishi kerak. 3. Quyidagi HTML koddagi {a} elementi href atributiga ega. Uni JavaScript yordamida https://example.com ga o‘zgartiring. {!DOCTYPE html} {html} {body} {a id="myLink" href="https://google.com"}Google{/a} {script} // Kodni shu yerga yozing {/script} {/body} {/html} Natija: href qiymati https://example.com ga almashtirilishi kerak. 4. Quyidagi HTML kodda {button} elementi mavjud. Uning disabled atributi bor yoki yo‘qligini tekshirib, natijani konsolga chiqaring. {!DOCTYPE html} {html} {body} {button id="myButton" disabled}Click me{/button} {script} // Kodni shu yerga yozing {/script} {/body} {/html} Natija: "Atribut mavjud!" yoki "Atribut yo‘q!" konsolga chiqarilishi kerak. 5. Quyidagi HTML kodda {img} tegi bor. Uning alt atributini JavaScript yordamida olib tashlang. {!DOCTYPE html} {html} {body} {img id="myImage" src="image.jpg" alt="Picture of nature"} {script} // Kodni shu yerga yozing {/script} {/body} {/html} Natija: alt atributi yo‘qolishi kerak. 6. Quyidagi {div} elementi data-product-id atributiga ega. JavaScript yordamida ushbu atribut qiymatini o‘qib, console.log ga chiqaring. {!DOCTYPE html} {html} {body} {div id="product" data-product-id="12345"}Product Info{/div} {script} // Kodni shu yerga yozing {/script} {/body} {/html} Natija: 12345 konsolga chiqarilishi kerak.