{"id":28539995,"url":"https://github.com/itzdiv/ttrl","last_synced_at":"2025-09-17T21:52:11.687Z","repository":{"id":296404842,"uuid":"993266462","full_name":"itzdiv/ttrl","owner":"itzdiv","description":"reconfiguring skills","archived":false,"fork":false,"pushed_at":"2025-05-30T13:57:14.000Z","size":2,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-07-08T14:42:52.115Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"HTML","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/itzdiv.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,"zenodo":null}},"created_at":"2025-05-30T13:50:53.000Z","updated_at":"2025-05-30T13:57:17.000Z","dependencies_parsed_at":"2025-05-30T18:59:29.771Z","dependency_job_id":"e71a3430-5c29-443a-966a-d75175f39c8a","html_url":"https://github.com/itzdiv/ttrl","commit_stats":null,"previous_names":["itzdiv/ttrl"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/itzdiv/ttrl","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/itzdiv%2Fttrl","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/itzdiv%2Fttrl/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/itzdiv%2Fttrl/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/itzdiv%2Fttrl/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/itzdiv","download_url":"https://codeload.github.com/itzdiv/ttrl/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/itzdiv%2Fttrl/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":275672753,"owners_count":25507465,"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-17T02:00:09.119Z","response_time":84,"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-06-09T19:07:37.731Z","updated_at":"2025-09-17T21:52:11.680Z","avatar_url":"https://github.com/itzdiv.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1\u003e📝 Question: Rectangle Area Calculator Web App\u003c/h1\u003e\n\n\u003cp\u003e\nYou are required to create a simple \u003cstrong\u003eRectangle Area Calculator\u003c/strong\u003e using\n\u003cstrong\u003eHTML\u003c/strong\u003e and \u003cstrong\u003eJavaScript\u003c/strong\u003e. The application should allow users to input\nthe \u003cstrong\u003elength\u003c/strong\u003e and \u003cstrong\u003ebreadth\u003c/strong\u003e of a rectangle, and upon clicking a button,\nit should calculate and display the \u003cstrong\u003earea\u003c/strong\u003e.\n\u003c/p\u003e\n\n\u003ch2\u003e📁 Files Provided:\u003c/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\u003ccode\u003eindex.html\u003c/code\u003e – The HTML structure of the application.\u003c/li\u003e\n\u003cli\u003e\u003ccode\u003escript.js\u003c/code\u003e – A separate JavaScript file linked to \u003ccode\u003eindex.html\u003c/code\u003e to handle the functionality.\u003c/li\u003e\n\u003c/ul\u003e\n\n\u003ch2\u003e✅ Your Task Is to:\u003c/h2\u003e\n\n\u003ch3\u003e🔹 In \u003ccode\u003eindex.html\u003c/code\u003e:\u003c/h3\u003e\n\u003cul\u003e\n\u003cli\u003eCreate a form-like layout that includes:\n\u003cul\u003e\n\u003cli\u003eA labeled \u003cstrong\u003einput field for length\u003c/strong\u003e (number input).\u003c/li\u003e\n\u003cli\u003eA labeled \u003cstrong\u003einput field for breadth\u003c/strong\u003e (number input).\u003c/li\u003e\n\u003cli\u003eA \u003cstrong\u003ebutton\u003c/strong\u003e labeled \u003cem\u003e\"Calculate Area\"\u003c/em\u003e.\u003c/li\u003e\n\u003cli\u003eA \u003ccode\u003e\u0026lt;div\u0026gt;\u003c/code\u003e element with \u003ccode\u003eid=\"result\"\u003c/code\u003e where the calculated area will be displayed.\u003c/li\u003e\n\u003c/ul\u003e\n\u003c/li\u003e\n\u003cli\u003eLink the external JavaScript file \u003ccode\u003escript.js\u003c/code\u003e just before the closing \u003ccode\u003e\u0026lt;/body\u0026gt;\u003c/code\u003e tag.\u003c/li\u003e\n\u003c/ul\u003e\n\n\u003ch3\u003e🔹 In \u003ccode\u003escript.js\u003c/code\u003e:\u003c/h3\u003e\n\u003cul\u003e\n\u003cli\u003eWrite JavaScript code to:\n\u003cul\u003e\n\u003cli\u003eGet the values entered for \u003cstrong\u003elength\u003c/strong\u003e and \u003cstrong\u003ebreadth\u003c/strong\u003e.\u003c/li\u003e\n\u003cli\u003eCalculate the \u003cstrong\u003earea\u003c/strong\u003e using the formula:\u003cbr\u003e\n\u003ccode\u003eArea = length × breadth\u003c/code\u003e\n\u003c/li\u003e\n\u003cli\u003eUpdate the text inside \u003ccode\u003e\u0026lt;div id=\"result\"\u0026gt;\u003c/code\u003e to display the calculated area.\u003c/li\u003e\n\u003c/ul\u003e\n\u003c/li\u003e\n\u003cli\u003eEnsure the calculation is triggered only when the user clicks the \u003cem\u003e\"Calculate Area\"\u003c/em\u003e button.\u003c/li\u003e\n\u003c/ul\u003e\n\n\u003ch2\u003e💡 Additional Notes:\u003c/h2\u003e\n\u003cul\u003e\n\u003cli\u003eUse DOM methods like \u003ccode\u003edocument.getElementById()\u003c/code\u003e or \u003ccode\u003equerySelector()\u003c/code\u003e to access and update elements.\u003c/li\u003e\n\u003cli\u003eValidate inputs: If either field is empty, zero, or not a number, show an appropriate error message in the result div.\u003c/li\u003e\n\u003cli\u003eStyling is optional but may be rewarded if time permits.\u003c/li\u003e\n\u003c/ul\u003e\n\n\u003cdiv class=\"example\"\u003e\n\u003ch3\u003e🧪 Example:\u003c/h3\u003e\n\u003cp\u003e\u003cstrong\u003eUser enters:\u003c/strong\u003e\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eLength: \u003ccode\u003e5\u003c/code\u003e\u003c/li\u003e\n\u003cli\u003eBreadth: \u003ccode\u003e4\u003c/code\u003e\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003e\u003cstrong\u003eOn clicking \"Calculate Area\"\u003c/strong\u003e, the output should be:\u003c/p\u003e\n\u003cp\u003e\u003ccode\u003eArea of Rectangle: 20\u003c/code\u003e\u003c/p\u003e\n\u003c/div\u003e\u003c/div\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fitzdiv%2Fttrl","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fitzdiv%2Fttrl","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fitzdiv%2Fttrl/lists"}