{"id":21557257,"url":"https://github.com/kernel-loophole/javascript-programming","last_synced_at":"2026-05-22T14:12:37.209Z","repository":{"id":115785972,"uuid":"412520864","full_name":"kernel-loophole/javascript-Programming","owner":"kernel-loophole","description":"DOM API  use in javascript ","archived":false,"fork":false,"pushed_at":"2022-10-09T10:44:31.000Z","size":1534,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-24T10:46:50.703Z","etag":null,"topics":["javascript-library","jquery-plugin","jqueyr","json"],"latest_commit_sha":null,"homepage":"","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/kernel-loophole.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":"2021-10-01T15:28:28.000Z","updated_at":"2022-09-09T13:35:08.000Z","dependencies_parsed_at":null,"dependency_job_id":"57ad2d8a-0736-46f3-813d-bba2fed2af35","html_url":"https://github.com/kernel-loophole/javascript-Programming","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kernel-loophole%2Fjavascript-Programming","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kernel-loophole%2Fjavascript-Programming/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kernel-loophole%2Fjavascript-Programming/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kernel-loophole%2Fjavascript-Programming/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/kernel-loophole","download_url":"https://codeload.github.com/kernel-loophole/javascript-Programming/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244148503,"owners_count":20406196,"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","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":["javascript-library","jquery-plugin","jqueyr","json"],"created_at":"2024-11-24T08:11:46.637Z","updated_at":"2026-05-22T14:12:32.175Z","avatar_url":"https://github.com/kernel-loophole.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n #  DOM API  use in javascript.\n # Jquery.\n ```javascript\n  $(document).ready(function(){\n        $('\u003ca href=\"#top\"\u003elink \u003c/a\u003e').insertAfter('div');\n      });\n      $(\"#makered\").click(function(){$(\"#makeitsimple\").addClass(\"makeit\"); });\n      //\n      //\n      //#change the content of first and  second ID \n      $(document).ready(function(){\n      $(\"#after\").insertBefore('#before').wrap('\u003col id=\"nodes\u003e\u003c/ol\u003e');\n      });\n ```\n  # Events\n  ```Ruby\n  let number1 = document.getElementById(\"num1\").value;\nlet number2 = document.getElementById(\"num2\").value;\n\nvar button = document.querySelector(\"button\");\nbutton.addEventListener(\"click\", () =\u003e {\n    let number1 = document.getElementById(\"num1\").value;\n    let number2 = document.getElementById(\"num2\").value;\n    document.getElementById(\"te\").innerHTML = number1 * number2;\n})\n```\n\n  # Maps and Objects\n  ```Ruby\n  let adder = new Map();\nadder.set(\"abc\", 124);\nvar obj = {\n        name: \"abc\",\n        age: 12,\n        address: \"abcc,pakistan\"\n    };\n     for (const i in obj) {\n        t.innerHTML += i;\n    }\n    //loop through maps\n    for (const [key, value] of adder) {\n\n\n        t.innerHTML += key + value;\n    }\n```\n\n  # Scroll Events\n  ```javascript\n   window.addEventListener(\"scroll\", () =\u003e {\n\n            var ch = document.querySelector(\"h2\");\n            ch.body.style.background = \"yellow\";\n\n        })\n```\n\n  # classes\n  ```javascript\n   class animal {\n    constructor(type) {\n        this.type = type\n    }\n    walk(line) {\n        console.log(`print'${line}'`);\n    }\n}\nlet new_obj = new animal(\"dog\");\n\n```\n  # Maps\n  ```javascript\n   let ages = new Map();\nages.set(\"ali\", 22);\nages.set(\"zain\", 22);\nages.set(\"hiader\", 22);\nlet check_the_age = ages.get(\"abc\");\nif (check_the_age) {\n    console.log(\"yes\");\n} else {\n    console.log(\"NO\");\n}\nconsole.log(ages.get(\"ali\"));\n```\n\n  # Functions\n  ```javascript\n   function minus(a, b) {\n    //if the value of b is not given to the function it will return the -a vlaue \n    //else return value of a-b\n    if (b == undefined) {\n        return -a;\n    } else {\n        return a - b;\n    }\n}\n```\n  # JSON\n  ```javascript\n   // simple json json format\nlet json_format = JSON.stringify({\n    name: \"hiader\",\n    phone: no\n});\nlet test_json = JSON.stringify({\n    name: false,\n    evnts: [\"events\", \"evnts\"]\n});\n```\n  # Regular Expression\n  ```javascript\n   let re1 = new RegExp(\"[0-9][a-z][A-Z]\");\n   console.log(/ 🍎 {3}/.test(\" 🍎🍎🍎 \"));\n   console.log(/\\p{Script=Greek}/u.test(\"α\"));\n   console.log(/\\p{Alphabetic}/u.test(\"!\"));\n    if (re1.test(input2)) {\n        t.innerHTML = \"the pattern  match \" + date;\n        return;\n    } else {\n        t.innerHTML = \"the pattern not match\" + date;\n        return;\n    }\n```\n# promise\n```javascript\nfunction check_grade_succes(result)\n{\n    console.log(\"create function \",result);\n}\nfunction check_grade_fail(result)\n{\n    console.log(\"fail to create \");\n}\n//simple way \nfunction check_result()\n{\n    console.log(\"print\");\n}\n\ncheck_result(setting,check_grade_fail,check_grade_succes);\n//using promise\ncheck_result(setting).then(check_grade_fail,check_grade_succes);\n\nfunction doSomething()\n{\n    console.log(\"current\");\n}\n\ndoSomething().then(function (result) {\n    return doSomethingElse(result);\n  })\n  .then(function (newResult) {\n    return doThirdThing(newResult);\n  })\n  .then(function (finalResult) {\n    console.log(`Got the final result: ${finalResult}`);\n  })\n  .catch(failureCallback);\n// var json_data=$.getJSON('data.json');\n// console.log(json_data)\nvar data=fetch(\"data.json\")\n  .then(response =\u003e response.json())\n  .then(json =\u003e console.log(json));\nconsole.log(json_data)\n```","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkernel-loophole%2Fjavascript-programming","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkernel-loophole%2Fjavascript-programming","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkernel-loophole%2Fjavascript-programming/lists"}