random color generator project

TusharRaval · TusharRaval · commit 0bf03a56d6f4 · 2024-01-02T17:07:03.000+05:30
diff --git a/Random-Color-Generator/index.html b/Random-Color-Generator/index.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<link rel="stylesheet" href="style.css">
+<body>
+    <h1>Random color generator</h1>
+
+    <div class="container">
+        <div>
+          <input type="color" id="color">
+          <h4 id="text">#000000</h4>
+          <p>click to change color</p>
+        </div>
+      </div>
+    <script src="script.js"></script>
+</body>
+</html>
diff --git a/Random-Color-Generator/script.js b/Random-Color-Generator/script.js
@@ -0,0 +1,36 @@
+
+function randomInteger(max) {
+    return Math.floor(Math.random()*(max + 1));
+}
+
+function randomRgbColor() {
+    let r = randomInteger(255);
+    let g = randomInteger(255);
+    let b = randomInteger(255);
+    return [r,g,b];
+}
+
+function randomHexColor() {
+    let [r,g,b] =randomRgbColor();
+
+    let hr = r.toString(16).padStart(2, '0');
+    let hg = g.toString(16).padStart(2, '0');
+    let hb = b.toString(16).padStart(2, '0');
+
+    return "#" + hr + hg + hb;
+}
+
+function changeColor() {
+  let hex = randomHexColor();
+  document.getElementById('color').value = hex;
+  document.getElementById('text').innerHTML = hex;
+}
+
+function clickHandler(event) {
+  changeColor();
+  event.preventDefault();
+}
+
+document.addEventListener('click', clickHandler);
+
+changeColor();
diff --git a/Random-Color-Generator/style.css b/Random-Color-Generator/style.css
@@ -0,0 +1,18 @@
+#color {
+    width: 50rem;
+    height: 30rem;
+  }
+  
+  
+  h4, h5, p {
+    font-family: sans-serif;
+    text-align: center;
+  }
+  
+  .container {
+      width: 100%;
+      height: 100vh;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+  }
diff --git a/javascript-mini-projects b/javascript-mini-projects
@@ -0,0 +1 @@
+Subproject commit 07d855499aa9bea6d21e9d59ca1fe18c7d61b674

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1 @@`
	`1`	`+Subproject commit 07d855499aa9bea6d21e9d59ca1fe18c7d61b674`