Loading repository data…
StefRuseva88 / repository
This repo focuses on manipulating the Document Object Model (DOM) and handling events using JavaScript
A transparent discovery signal based on current public GitHub metadata.
This score does not audit code, security, maintainers, documentation quality, or suitability. Verify the repository and its current documentation before adoption.
Creates a simple function that takes values from two input fields, subtracts the second number from the first, and then displays the result in a designated field on the page. This exercise helps in manipulating DOM elements, retrieving values from inputs, and dynamically updating content. It is a basic example of event handling and DOM interaction.
This function takes an input string and converts it into either Pascal Case (where each word starts with a capital letter, e.g., PascalCase) or Camel Case (where the first word is lowercase, and subsequent words start with capital letters, e.g., camelCase). The conversion depends on a selection input. This task introduces string manipulation, conditional logic, and user-defined functions for transforming data in response to user inputs.
Implements a collapsible accordion, where each section contains a button that can toggle the visibility of the associated content. When the user clicks the button, a hidden <div> expands to reveal the content, and clicking again hides it. This exercise focuses on dynamically changing CSS properties and class states using JavaScript, enhancing the interactivity of the user interface.
Develops a search function that allows users to type in a search query and highlights matching items in a list. It also displays the number of matches found. This task involves iterating over DOM elements, comparing text values, and modifying styles dynamically to indicate matches. This exercise is useful for building searchable lists or tables in web applications.
Dynamically generates <div> elements from an array of strings, each containing a hidden paragraph of text. When a section is clicked, its corresponding paragraph is revealed. This task combines DOM manipulation, event handling, and working with arrays to create interactive content based on user actions, simulating dynamic content loading in modern web apps.
This exercise introduces a time conversion tool where buttons allow users to convert time units between seconds, minutes, hours, and days. When a button is clicked, the function calculates the equivalent time in the chosen unit and updates the respective input field. It highlights the concept of event delegation, value conversion logic, and synchronizing multiple input fields based on user input.
Builds a user profile card where additional information about the user is hidden by default and can be shown or hidden depending on the profile's "locked" status. If the profile is locked, the information remains hidden, and only when it is unlocked (via a radio button) the additional content will be revealed. This task simulates privacy settings in user interfaces and demonstrates conditional rendering based on user inputs.
Takes values from input fields and creates options in a dropdown menu. This function takes user input from text fields and uses that input to create new options in a dropdown menu. It's a simple yet powerful demonstration of how to dynamically add elements to forms based on user interactions, which is a common task in form management and dynamic UI generation.
Implements two functions: one for encoding a message by shifting ASCII values of characters, and another for decoding the message by reversing the shift. This exercise demonstrates basic cryptography principles and string manipulation. It introduces the concept of encoding data for secure transmission and decoding it to its original form.
Generates a table displaying a list of furniture items from an array of objects, each object containing properties such as name, price, and decoration factor. The exercise also includes functionality for selecting items to "buy," which calculates the total price and the average decoration factor of selected items. This task combines DOM manipulation with more complex data handling, such as summing values and calculating averages, and demonstrates how to create interactive tables in web interfaces.
This project is licensed under the MIT License. See the LICENSE file for details.
For any questions or suggestions, please open an issue in the repository.
Selected from shared topics, language and repository description—not editorial ratings.
EthienDuckett /
Ethien Duckett's pursuit of design skills, git skills, and computer literacy. The focus of this repo is design with HTML5
22/100 healthnqphu412 /
A personal web design playground focused on learning and practicing JavaScript. All HTML, CSS, JS will be on the same file in this repo. This repo will also grow to include dynamic UI experiments, DOM manipulation, event handling, and more.
42/100 healthChamithDilshanKahandawala /
This repository contains a collection of small projects I am building using HTML, CSS, and JavaScript. The main purpose of this repo is to improve my technical knowledge and practice frontend development skills. Each project focuses on basic concepts like layouts, styling, interactivity, and DOM manipulation.