Задать вопрос
@Samalamadoit
javascript

Как сделать что бы каждая следующая полоска была больше предыдущей?

Надо сделать что бы каждая следующая полоска было больше предыдущей, если есть какие то мысли, очень прошу помочь!5e275322d8798309828950.png
  • Вопрос задан
  • 234 просмотра
3 комментария
Подписаться 1 Простой 3 комментария
Решения вопроса 1
@fixeri 
<!DOCTYPE html>
<html>
<head>
	<title></title>
	<style type="text/css">
		.block {
			width: 190px;
			height: 40px;
			background-color: red;
			border: 1px solid black;
		}
	</style>
</head>
<body>
	<div class="block"></div>
	<div class="block"></div>
	<div class="block"></div>
	<div class="block"></div>
	<div class="block"></div>
	<div class="block"></div>

	<script type="text/javascript">
		"use strict";
		
		let blocks = Array.from(document.querySelectorAll(".block"));
		let widthBlock = getComputedStyle(blocks[0]).width.slice(0, -2);
		for (let i = 0; i < blocks.length; i++) blocks[i].style.width = +widthBlock + 20 * i + "px";
	</script>
</body>
</html>
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Frontend-разработчик JavaScript
div. • Ставрополь
от 40 000 до 90 000 ₽
Fullstack разработчик JavaScript, php
Дорстрой-36 • Воронеж
от 100 000 до 200 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Фронтендер-верстальщик на react для интернет-магазина
30 нояб. 2024, в 06:32
800 руб./в час
Реализовать бекенд для небольшого веб-приложения
30 нояб. 2024, в 03:37
25000 руб./за проект
Приложение по поиску мастеров
30 нояб. 2024, в 03:27
123 руб./за проект
Ещё заказы