{"id":20904616,"url":"https://github.com/liethdallal/landscaper-game","last_synced_at":"2026-05-19T06:01:50.748Z","repository":{"id":191485288,"uuid":"684725231","full_name":"liethdallal/Landscaper-Game","owner":"liethdallal","description":"I made my first simple clicker game, using HTML, CSS, and Javascript, which uses DOM manipulation, alerts, prompts, and event listeners for the user to interact with!","archived":false,"fork":false,"pushed_at":"2023-08-29T20:19:29.000Z","size":15,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-12T21:26:40.683Z","etag":null,"topics":["css","html","javascript"],"latest_commit_sha":null,"homepage":"https://liethdallal.github.io/Landscaper-Game/","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/liethdallal.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}},"created_at":"2023-08-29T18:15:38.000Z","updated_at":"2023-09-08T01:49:23.000Z","dependencies_parsed_at":"2023-08-30T05:19:26.864Z","dependency_job_id":null,"html_url":"https://github.com/liethdallal/Landscaper-Game","commit_stats":null,"previous_names":["liethdallal/landscaper-game"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/liethdallal/Landscaper-Game","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/liethdallal%2FLandscaper-Game","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/liethdallal%2FLandscaper-Game/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/liethdallal%2FLandscaper-Game/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/liethdallal%2FLandscaper-Game/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/liethdallal","download_url":"https://codeload.github.com/liethdallal/Landscaper-Game/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/liethdallal%2FLandscaper-Game/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":266276122,"owners_count":23903981,"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":["css","html","javascript"],"created_at":"2024-11-18T13:18:01.881Z","updated_at":"2026-05-19T06:01:50.634Z","avatar_url":"https://github.com/liethdallal.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Landscaper-Game\nA clicker game where the user needs to acquire a certain amount of points to win!\n\nI created this game using HTML, CSS, and Javascript. The javascript used was a way to practice using DOM manipulation, functions, variables, data structures, conditional statements, loops, objects, event handlers, scopes, string manipulation, and boolean logic in javascript.\n\nSkill List and demonstrations: \n\n-Variables and Objects: The user object holds the player's totalMoney. Other variables (useTeeth, money, etc.) are used to store references to DOM elements.\n\n-DOM Manipulation: The code interacts with the Document Object Model (DOM) using document.querySelector to select and manipulate HTML elements.\n\n-Event Handling: The code uses event listeners (addEventListener) to respond to user interactions (button clicks).\n\n-Functions: Functions like updateMoney, buyItem, and useItem encapsulate specific functionalities, making the code modular.\n\n-Conditional Statements: Conditional statements (if, if...else) control the game's flow based on conditions, like when to display alerts or buttons.\n\n-Loops: The code employs forEach loops to iterate over arrays (gameItems) and attach event listeners to corresponding buttons.\n\n-String Manipulation: The code constructs CSS class names dynamically using template literals (. + item.name).\n\n-Alerts: The alert function is used to provide messages to the player at specific points in the game.\n\n-Boolean Logic: Boolean variables (alertStatusForS, alertStatusForL, etc.) are used to track whether alerts have been shown to avoid repetition.\n\n-Updating HTML Content: The textContent property is used to update the displayed player's total money.\n\n-Game Logic: The code implements game mechanics such as earning money, buying items, and reaching milestones.\n\n-Event Delegation: Event listeners are attached to parent elements (like .button-container and .buy-options) to manage button clicks efficiently.\n\n-Global Variables: Variables like gameOver are used to control the game's state.\n\n-Encapsulation and Abstraction: The code separates concerns by encapsulating functionalities into functions and abstracting away complex operations.\n\n-Responsive Design: The use of responsive units (em, %) in CSS and the viewport meta tag in HTML ensures the game is displayed well on various devices.\n\n-Styling: The game's styling is handled through a separate CSS file (style.css).","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fliethdallal%2Flandscaper-game","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fliethdallal%2Flandscaper-game","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fliethdallal%2Flandscaper-game/lists"}