Welcome to my Flowers_Gallery page. enjoy this wonderful game try it once! This is Eduonix 4th Project

Live Demo: https://flowersgallerypage.netlify.app/

Introduction

  1. Project Overview
  • This project is an interactive web application that features a gallery with four images. Users can interact with the images in a specific order, triggering various actions such as registration, displaying registered user information, rolling dice, and generating a coupon code.
  1. Purpose and Scope
  • The purpose of this project is to create an engaging and interactive web application that combines image-based interaction with user registration and randomization features. It aims to provide entertainment and potentially reward users with a coupon code.
  1. Technologies Used
  1. HTML5
  2. CSS3
  3. JavsScript

Features -:

  • Gallery Display
  • Display four images in a single row.
  • Registration Form
  • Clicking the first image reveals a registration form where users can enter their name, email, and username.
  • Display Registered User Info
  • Clicking the second image displays the registered user's name and username.
  • Dice Roll and Scoring Logic
  • Clicking the third image (a dice) randomly generates a number between 1 and 6, inclusive.
  • Users can click the image up to three times.
  • To proceed to the fourth image, the sum of the three generated numbers must be greater than 10.
  • If the sum is not greater than 10, a message "Try again after scoring more than 10" is displayed.
  • Coupon Generation
  • Clicking the fourth image generates a random 12-digit text as a coupon.
  • User Feedback Messages
  • Provide feedback messages for user actions and outcomes, including congratulations for generating a coupon and messages for failed attempts.
  • Sequential Image Clicking
  • Images can only be clicked once and in a specific order.

Output:

Screenshot