Дз-26 задание 5

56fdfef7 · Kulpybaev Ilyas · f7129fcd · 56fdfef7 · 56fdfef7
Commit 56fdfef7 authored Sep 13, 2023 by Kulpybaev Ilyas
Hide whitespace changes
Inline Side-by-side

Showing with 39 additions and 0 deletions

circles.html circles.html +13 -0

circle.js js/circle.js +26 -0

No files found.
--- a/circles.html
+++ b/circles.html
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <script src="js/jQuery.js"></script>
+    <title>Document</title>
+</head>
+<body>
+    
+    <script src="js/circle.js"></script>
+</body>
+</html>
\ No newline at end of file
--- a/js/circle.js
+++ b/js/circle.js
+const getRandomNum = (min, max) => Math.floor(Math.random() * (max - min + 1) + min);
+
+const getPosition = (min, max) => {
+    console.log(min, max);
+    return getRandomNum(min, max);
+}
+
+const drawCircles = (count) => {
+    for (let i = 0; i < count; i++){
+        let element = document.createElement('div');
+        let size = getRandomNum(50, 200);
+        let color = `rgba(${getRandomNum(1, 255)}, ${getRandomNum(1, 255)}, ${getRandomNum(1, 255)}, 0.8)`
+        element.style.width = size + 'px';
+        element.style.height = size + 'px';
+        element.style.position = 'absolute';
+        element.style.borderRadius = '50%';
+        element.style.backgroundColor = color;
+        element.style.left = getPosition(0, window.innerWidth - size) + 'px';
+        element.style.top = getPosition(0, window.innerHeight - size) + 'px';
+
+        document.body.appendChild(element);
+    }
+};
+
+let counter = prompt('Enter a count');
+drawCircles(parseInt(counter));
\ No newline at end of file