С Новым годом! Форум программистов, компьютерный форум, киберфорум
JavaScript для начинающих
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.61/18: Рейтинг темы: голосов - 18, средняя оценка - 4.61
0 / 0 / 0
Регистрация: 09.08.2021
Сообщений: 37

Создайте библиотеку, которая будет содержать функцию drawCircles();

30.08.2021, 10:14. Показов 3358. Ответов 5

Студворк — интернет-сервис помощи студентам
Эта функция должна отрисовывать заданное количество кружков случайного диаметра, цвета и позиции на экране. Количество кружков является аргументом функции

Указания и подсказки:

Для создания кружков используйте border-radius: 50%
Случайный цвет можно брать из массива предопределенных цветов.
Случайный диаметр ограничить: минимум: 50px, максимум: 200px
Случайную позицию отмерять в пределах установленного прямоугольника 1024 x 768 пикселей

Если вы сможете находить ширину и высоту отображаемой на экране страницы и исходить из них, чтобы рассчитывать случайные позиции, за это будут начислены дополнительные баллы.

Необходимо разделить весь алгоритм создания на функции (отрефакторить код). Чем чище и проще читаемый у вас код получится, тем больше дополнительных баллов будет начислено (в рамках максимальных дополнительных баллов для домашнего задания).
Сдавать в виде HTML-файла, в котором вызвать функцию для демонстрации с числом 20 (нарисовать 20 кружков).
0
Лучшие ответы (1)
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
30.08.2021, 10:14
Ответы с готовыми решениями:

Создайте функцию, которая будет генерировать пароль длиной n символов
Создайте функцию, которая будет генерировать пароль длиной n символов, чтобы в нем были строчные и заглавные буквы, а также цифры: String...

Создайте пользовательскую функцию, которая будет запрашивать имя пользователя (метод prompt(), и выводить
Помогите)) Функция есть, но не знаю как зделать Имя зеленым цветом Вот функция: function what_is_you_name(){ var name =...

Заданы натуральные числа m и n. Найти НОД(m,n) Составить программу которая будет содержать рекурсивную функцию вычисления НОД......
Заданы натуральные числа m и n. Найти НОД(m,n) Составить программу которая будет содержать рекурсивную функцию вычисления НОД, которая...

5
Эксперт JS
2463 / 1769 / 625
Регистрация: 11.07.2016
Сообщений: 4,067
30.08.2021, 10:30
AsuraEva, какие у вас вопросы?
0
06.09.2021, 08:43

Не по теме:

Цитата Сообщение от AsuraEva Посмотреть сообщение
за это будут начислены дополнительные баллы
Куда за баллами обращаться?

0
 Аватар для klyapa
3503 / 1267 / 429
Регистрация: 24.07.2016
Сообщений: 1,890
13.09.2021, 20:07
Лучший ответ Сообщение было отмечено gogolik как решение

Решение

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
(function (window, undefined) {
 
    let library = {},
    
        min = 50,
        max = 200,
        
        html = document.documentElement,
        
        minL = html.scrollLeft,
        maxL = html.scrollLeft + html.clientWidth - max,
        
        minT = html.scrollTop,
        maxT = html.scrollTop + html.clientHeight - max;
        
    function r(f, t) {
        return Math.floor( ( Math.random() * (t - f + 1) ) + f );
    }
    
    function elemStyle(elem, css) {
        for(let key in css) elem.style[key] = css[key];
    }
    
    function st() {
        let wh = r(min, max);
        return {
            'position': 'absolute',
            'border-radius': '50%',
            'background-color': 'rgb(' + r(0, 255) + ',' + r(0, 255) + ',' + r(0, 255) + ')',
            'opacity': r(4, 10) / 10,
            'left': r(minL, maxL) + 'px',
            'top': r(minT, maxT) + 'px',
            'width': wh + 'px',
            'height': wh + 'px'
        }
    }
 
    function drawCircles(n) {
        for(let i = 0, elem; i < n; i++) {
            elem = document.createElement('div');
            elemStyle(elem, st());
            document.body.append(elem);
        }
    }
    
    library.drawCircles = drawCircles;
    window.library = library;
    
})(window);
 
library.drawCircles(20);
1
0 / 0 / 0
Регистрация: 22.08.2022
Сообщений: 2
22.08.2022, 10:41
AsuraEva , у вас получилось решить эту задачу?
0
Эксперт JS
 Аватар для DrType
6553 / 3624 / 1075
Регистрация: 07.09.2019
Сообщений: 5,877
Записей в блоге: 1
22.08.2022, 11:00
У AsuraEva не получилось, а вот у klyapa получилось.
3
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
22.08.2022, 11:00
Помогаю со студенческими работами здесь

Создайте класс CDate,который будет содержать информацию о дате
Очень нужна помощь так как на днях здавать прошу помощи камрадов,писать желательно по делетански чтоб было понятно что это я :) : ...

Создайте класс Student, который будет содержать информацию о студенте
1. Создайте класс Student, который будет содержать информацию о студенте. С помощью механизма наследования, реализуйте класс...

Создайте класс Student, который будет содержать информацию о студенте
Создайте класс Student, который будет содержать информацию о студенте. С помощью механизма наследования, реализуйте класс Aspirant...

Есть массив int размером 20 на 30. Создайте функцию, которая будет менять содержимое в этом массиве
Есть массив int размером 20 на 30. Создайте функцию, которая будет менять содержимое в этом массиве.

Создайте класс зоопарк, который будет содержать какое-то количество животных
Здравствуйте помогите пожалуйста решить задание. Создайте класс зоопарк, который будет содержать какое-то количество животных. Создайте...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
6
Ответ Создать тему
Новые блоги и статьи
Модель микоризы: классовый агентный подход
anaschu 02.01.2026
Раньше это было два гриба и бактерия. Теперь три гриба, растение. И на уровне агентов добавится между грибами или бактериями взаимодействий. До того я пробовал подход через многомерные массивы,. . .
Учёным и волонтёрам проекта «Einstein@home» удалось обнаружить четыре гамма-лучевых пульсара в джете Млечного Пути
Programma_Boinc 01.01.2026
Учёным и волонтёрам проекта «Einstein@home» удалось обнаружить четыре гамма-лучевых пульсара в джете Млечного Пути Сочетание глобально распределённой вычислительной мощности и инновационных. . .
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост.
Programma_Boinc 28.12.2025
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / **********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / **********/ gallery/ bKBkQFf Пост отсюда. . .
Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США.
Programma_Boinc 26.12.2025
Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .
Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка.
Programma_Boinc 23.12.2025
Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .
PhpStorm 2025.3: WSL Terminal всегда стартует в ~
and_y87 14.12.2025
PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .
Как объединить две одинаковые БД Access с разными данными
VikBal 11.12.2025
Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.
Новый ноутбук
volvo 07.12.2025
Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro
Музыка, написанная Искусственным Интеллектом
volvo 04.12.2025
Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .
От async/await к виртуальным потокам в Python
IndentationError 23.11.2025
Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru