Skip to content

abderrahim1210/random-number

Repository files navigation

🎲 Random Number Generator Project – random-number.html

This simple project generates a random number when the user clicks a button. It demonstrates how to use JavaScript to generate random values and interact with the DOM. Styling is separated into CSS, and JavaScript is placed in its own file for clean project structure.

====================
📁 File Structure
====================
random-number.html     ← Main HTML structure
random-number.css      ← Styling for layout and visuals
random-number.js       ← JavaScript logic for number generation
README.txt             ← This file

====================
🚀 How It Works
====================
- The user sees a button labeled "Generate".
- When clicked, a random number (e.g., between 1 and 100) is generated.
- The result is displayed on the screen in real-time.
- Styling is added to center content and make the interface user-friendly.

====================
🔧 Technologies Used
====================
- HTML5
- CSS3
- JavaScript (DOM API)

====================

[JavaScript - random-number.js]
document.getElementById('generateBtn').addEventListener('click', () => {
  const randomNum = Math.floor(Math.random() * 100) + 1;
  document.getElementById('result').textContent = randomNum;
});

====================
📦 How to Use
========