JavaScript Studies Showcase (UNA Multimedia 2018)

This project is a showcase of various JavaScript exercises completed for the General Programming (Informática General) course at the National University of the Arts (UNA), Multimedia Arts department (Cátedra Drelichman) in Buenos Aires, Argentina, during 2018.

It demonstrates fundamental concepts of the language: including conditionals, loops, functions, and arrays, through a series of interactive mini-applications, all presented on a single, navigable page.

(Suggestion: Replace this with a screenshot of your project!)

🚀 How to Use

This is a static web project. No build process or server is required.

1. Clone the repository:

   git clone https://github.com/your-github-username/javascript-showcase.git

2. Navigate to the project directory:

   cd javascript-showcase

3. Open the main file: Open index.html in your favorite web browser to run the application.

exercises

The showcase is divided into thematic sections, each corresponding to a practical work (Trabajo Práctico or TP) from the course.

Conditionals (TP4)

• 1. Even/Odd Operations: Enter two numbers. If the first is even, the second is squared. If odd, they are multiplied.
• 2. Calorie Counter: Compares the calorie counts of three desserts to find the highest and lowest.
• 3. Random Colors: Generates colored bars with random widths from user-inputted color names and desaturates them based on their width.

Loops (TP5)

• 4. Followers Calculator: Manages a list of Instagram users and their followers, calculating who has the most/least and the difference between them.
• 5. Shopping Percentages: Analyzes customer spending to calculate total, average, and percentage distribution across different spending brackets.
• 6. Dice Roll Game: A simple game where the user guesses a number and rolls five dice to see if they get a match.

Functions (TP6)

• 7. Multiples of 5: Checks three numbers to count how many are multiples of 5.
• 8. Subtract Smaller from Larger: Subtracts the smaller of two numbers from the larger one, keeping a history of calculations.
• 9. Draw Triangle: Draws a triangle pattern in the browser using a specified character and number of rows.

Arrays (TP7)

• 10. Find Maximum: Takes 10 pairs of numbers, stores the larger of each pair in an array, and then finds the overall maximum value.
• 11. Quiz Game: A simple 10-question trivia game that tracks the user's score.
• 12. Array Word Manipulation: A tool to demonstrate array manipulation methods like push, pop, shift, unshift, and reverse.

Bonus

• 13. Meeting Organizer: Randomly assigns roles (food, drinks, entertainment) to people from a list, ensuring no duplicates.

🛠️ Technologies Used

This project was built from scratch using fundamental web technologies:

• HTML5: For the structure and content of the page.
• CSS3: For all custom styling, layout, and responsiveness.
• Vanilla JavaScript: For all the logic and interactivity of the exercises.

📂 Project Structure

The repository is organized as follows:

/
|-- index.html          # Main HTML file with all exercise layouts
|-- css/
|   |-- styles.css      # All custom styles for the project
|-- js/
|   |-- exercises.js    # All JavaScript logic for the exercises
|-- img/                # Contains GIFs and images for the exercises
|-- README.md           # This file

🙏 Acknowledgements

A special thanks to the Cátedra Drelichman for the Informática General course at UNA Multimedia, which provided the foundation and inspiration for these Javascript exercises.

📄 License

Please do not use/copy or plagiarize the code for these exercises for any work in your College or University. This is a project intended to be used as a showcase of my 2018 studies and foundational Javascript Knowledge. It is not allowed to use this code for any other purposes than educational and it is suggested to be used as a reference. In a standard "how to read code and understand the logic" style of application. Thanks for checking it out!