The Naruto Quote Generator is a web page that displays random quotes from the popular anime series Naruto when a button is clicked. The page has a background image related to Naruto and a simple user interface.
- Generates random quotes from Naruto series.
- Responsive design with a background image.
- Easy to use interface.
To use the Naruto Quote Generator, follow these steps:
Clone the repository:
git clone https://github.com/sidcrz/naruto-random-quote-generator
Open the index.html file in a web browser.
Click the "Get Quote" button to display a random quote from Naruto.
- HTML5
- CSS3
- JavaScript
The project code has the following structure:
index.html: The main HTML file that represents the web page structure.style.css: The CSS file that defines the styles for the web page.script.js: The JavaScript file that contains the code for generating random quotes.
The HTML code is structured as follows:
``` JavaScript Function The JavaScript code includes a function called generateQuote():javascript Copy code function generateQuote() { // Function code }
You can customize the Naruto Quote Generator by modifying the following parts of the code:
Replace the background image:
Replace the naruto.jpg file with your desired background image.
Update the background-image property in the CSS code to reflect the new image file name.
Add or modify quotes:
Update the quotes array in the JavaScript code with your desired quotes. Make sure to follow the array syntax and enclose each quote in double quotes ("").
Contributions to the Naruto Quote Generator are welcome. If you find any bugs or have suggestions for improvement, please feel free to open an issue or submit a pull request.
The Naruto Quote Generator is licensed under the MIT License.
The Naruto Quote Generator is inspired by the Naruto anime series and its memorable quotes.
Enjoy generating random quotes from Naruto and get inspired! Feel free to contribute and make the Naruto Quote Generator even better.
