There and back again. A javascript coding exercise using arrays. Write a program that displays a string in reverse.

Project Requirements

• User must enter a string and submit it with a button.
• Using Javascript, create a function that reverses the string.
• The function must use arrays.
• The reversed string must be displayed on the page.
• The page must be styled with CSS and Bootstrap.

Project Overview

Rewind is a coding project that focuses on fundamental JavaScript concepts through a practical exercise. The project aims to provide a hands-on learning experience by creating a program that reverses a string. The project is designed to enhance understanding of JavaScript arrays, loops, functions, and DOM manipulation, all while utilizing CSS and Bootstrap for layout and styling.

The Challenge

The primary challenge of the Rewind project is to develop a JavaScript program that takes a user-inputted string and displays it in reverse order. This task requires a solid grasp of JavaScript fundamentals, including array manipulation, loop constructs, and function creation. Additionally, the project involves integrating the solution into a web page with a user-friendly interface, leveraging Bootstrap for responsive design.

The Approach & Solution

The approach to solving the challenge involved breaking down the problem into manageable steps. First, the project set up a basic HTML structure with Bootstrap for styling and layout. JavaScript was then used to capture user input, process the string by reversing it using array methods and loops, and display the result on the web page. The solution also included creating functions for better code organization and readability, and manipulating the DOM to update the user interface dynamically.

The Code is structured in three functions to seperate the controller, the logic and the display.

The Results

The result of the Rewind project is a fully functional web application that successfully reverses user-inputted strings and displays them in real-time. The application features a clean and responsive design, thanks to Bootstrap, and demonstrates key JavaScript concepts effectively. Users can interact with the app to see immediate results, making it a valuable educational tool for learning and practicing JavaScript. The project is hosted on GitHub, allowing others to explore and contribute to its development.