{"id":24736718,"url":"https://github.com/rustammdev/keyboard-events","last_synced_at":"2025-09-15T03:05:16.765Z","repository":{"id":214379099,"uuid":"736373848","full_name":"rustammdev/Keyboard-Events","owner":"rustammdev","description":null,"archived":false,"fork":false,"pushed_at":"2023-12-27T18:23:15.000Z","size":6,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-22T17:30:02.208Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/rustammdev.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-12-27T18:11:17.000Z","updated_at":"2023-12-27T18:11:25.000Z","dependencies_parsed_at":null,"dependency_job_id":"67d877bf-4592-4750-9647-239a15fd3a57","html_url":"https://github.com/rustammdev/Keyboard-Events","commit_stats":null,"previous_names":["rustammdev/keyboard-events"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/rustammdev/Keyboard-Events","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rustammdev%2FKeyboard-Events","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rustammdev%2FKeyboard-Events/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rustammdev%2FKeyboard-Events/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rustammdev%2FKeyboard-Events/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/rustammdev","download_url":"https://codeload.github.com/rustammdev/Keyboard-Events/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rustammdev%2FKeyboard-Events/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":275198140,"owners_count":25422239,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-09-15T02:00:09.272Z","response_time":75,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-01-27T21:26:59.897Z","updated_at":"2025-09-15T03:05:16.752Z","avatar_url":"https://github.com/rustammdev.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"## fUNCTION DECLARATION\nFunction declaration - oldidan hamdan undan keyin ham uni chaqirib ishlati\nshimiz mumkin. Unda scope qoidalari boshqacha ishlaydi. TDZ unda yoq.\n\n## FUNCTION DECLARATION \nfUNCTION DECLARATIONDA TDZ (temporal dead zone) qoidlariga amal qiladi,\nbiz funksiani o'zidan oldin chaqirib ishlata olmaymiz\n\n## CallBack function\nCalback function bu funksia argumentiga yana funksiya berish\n\n## OBJECT  \nObyekt ichida arrov funktiondan foydalanish yomon natijalarga olib kelishi mumkin\n\n\n## MATH\n.round() - sonni eng yaqin butun qismga yaxlitledi\n.floor() - sonni eng yaqin butun kichik qismga yaxlitledi\n.ceil() - sonni katta qismga yaxlitledi \n.trunc() - sonni butun qimini tashlab yuboradi\n\n## textContent vs InnerHTML\nFarqi, text contentda faqatgina matnni o'zgartira olamiz, unga qandedur teglar orqali style ni o'zgartira olmaymiz. InnerHTML biz teglar ichida yozsak HTML kodlar to'liq support qilinadi\n\n## setAtribute and getAtribute\nSet atribute teglarga atribute qo'shish yoki mavjud atributni o'zgartirish uchun ishlatiladi.\n\nSet attribut ikkita argement qabul qiladi, birinchisi atribut nomi (href, class, target), ikkinchini uni yangi qiymati.\n\nYangi atribut qo'shishda birinchi argumentni qo'shilmoqchi bo'lgan atribute nomi ikkinchi argumentga uni qiymati qo'shiladi\n\n## styleni o'zgartirish\nHtml barcha teglarda javascriptda style xossasi mavjud, biz shu orqali uni css xossalarini ham o'zgartirishim mumkin\n\n## classList (class, add and remove, toggle)\nClass qo'shish va uni o'chirish uchun ishlatiladi, barcha HTML teglarda classlist xossasi mavjud\n\n[add('className')] - malum tegga yangi class qo'shish uchun ishlatilaid\n[remove('className')] - mavjud classni o'chirish uchun ishlatiladi\n[toggle('className')] - tarjimasi almashtirish. argument sifatida className qabul qiladi. Agar ushbu class tegda mavjud bo'lsa uni o'chiradi, mavjud bo'lmasa unga ushbu classni qo'shadi\n\n### Array.from() -\u003e html-collection =\u003e array\n\n## children, sibling\nMalim bir bo'limlar ichidagi elementlarni barchasini tanlab olib ishlatishda foydalaniladi\n\n\n## events, addEventListener\nEventlar click bo'lganda undagi textContentni target orqali ololamiz\n```\nitem.addEventListener('click', (e) =\u003e {\n       console.log(e.target); \n    })\n```\n\n## add and remove, target\n`prepend` - tepadan element qoshish\n`appendChild` - pasdan element qoshish\nQaysi element bosilayotganini target orqali aniqlanadi\n\n\n## form\nFormalarni to'ldirib enter tugmasini bosganimimzda saxifa qayta yuklanadi buning sababi formadagi malumotlar backendga jonatilladi va formani bosh xolatga olib kelinadi\n\n## keydown va keyUp\nFarqi `keydown` bosilish bilan qiymat qaytaradi, agar uni bosib turilaversa yani qo'yib yubormasak u to'xtovsiz qiymat qaytaradi. `keyup` es UP - bosilib qo'yib yuborganimizdan keyin qiymat qaytaradi.\n\nSaxifa yangilanishini olish uchun `preventDefault()` xossasini yoqib qoyamiz forma sobmit bo'lganda callback funktiondan kelgan malumotni.\n\ntemporal - vaqtinchalik - temporal\ntemporal - vaqtinchalik - temporal\ntemporal - vaqtinchalik - temporal\ntemporal - vaqtinchalik - temporal\ntemporal - vaqtinchalik - temporal\ntemporal - vaqtinchalik - temporal\ntemporal - vaqtinchalik - temporal\n\nargument - isbot - argument\nargument - isbot - argument\nargument - isbot - argument\nargument - isbot - argument\nagrument - isbot - argument\nargument - isbot - argument\n\ndepreceted - eskirgan - depreceted\ndepreceted - eskirgan - depreceted\ndepreceted - eskirgan - depreceted\ndepreceted - eskirgan - depreceted\ndepreceted - eskirgan - depreceted\ndepreceted - eskirgan - depreceted","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frustammdev%2Fkeyboard-events","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frustammdev%2Fkeyboard-events","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frustammdev%2Fkeyboard-events/lists"}