Не попадитесь на канал ботавода! Telemetrio находит и помечает такие каналы 👉 Хотите видеть метку — оформите подписку

WebDev+ | Веб-разработка

Открыть в Telegram

Присоединяйтесь к нашему каналу и погрузитесь в мир веб-разработки Связь: @devmangx

Больше

Сеть: IT PortalРоссия74 899Технологии и приложения13 936

8 247

Подписчики

-524 часа

+327 дней

+32830 дней

649

Просмотры поста

~ 30424 часа

~ 39648 часов

7.87%

Коэффициент вовлеченности

~ 2

Постов в день

Ads index

Архив постов

\n\nЕсли есть вопросы по коду, писать сюда @WebLabFeedBackBot\n\n#javascript #html","datePublished":"2021-05-23T21:30:01Z","dateModified":"2021-05-23T21:30:01Z","author":{"@type":"Organization","name":"WebDev+ | Веб-разработка","url":"https://telemetr.io/ru/channels/1273854318-webdev_plus","image":"https://img.telemetr.io/c/1ocXHo/5238053668396328807?ty=x"},"publisher":{"@type":"Organization","name":"WebDev+ | Веб-разработка","url":"https://telemetr.io/ru/channels/1273854318-webdev_plus","image":"https://img.telemetr.io/c/1ocXHo/5238053668396328807?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":454},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":1}]}},{"@type":"ListItem","position":11,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ru/channels/1273854318-webdev_plus/posts/34","url":"https://telemetr.io/ru/channels/1273854318-webdev_plus/posts/34","mainEntityOfPage":"https://telemetr.io/ru/channels/1273854318-webdev_plus/posts/34","headline":"CSS Gradient - генератор градиентов Бесплатный инструмент, который позволяет создавать градиентный фон. Поми…","articleBody":"CSS Gradient - генератор градиентов\n\nБесплатный инструмент, который позволяет создавать градиентный фон. Помимо этого, он включает в себя необходимые настройки: тип, количество переходов, их позиции, HEX/RGBA кодировки цветов, угол наклона и прозрачность. Результат отображается ниже в виде CSS стилей градиента. Так же имеется совместимость с IE6+\n\n#css #полезныйресурс","datePublished":"2021-05-23T16:20:00Z","dateModified":"2021-05-23T16:20:00Z","author":{"@type":"Organization","name":"WebDev+ | Веб-разработка","url":"https://telemetr.io/ru/channels/1273854318-webdev_plus","image":"https://img.telemetr.io/c/1ocXHo/5238053668396328807?ty=x"},"publisher":{"@type":"Organization","name":"WebDev+ | Веб-разработка","url":"https://telemetr.io/ru/channels/1273854318-webdev_plus","image":"https://img.telemetr.io/c/1ocXHo/5238053668396328807?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":382},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":3}]}},{"@type":"ListItem","position":12,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ru/channels/1273854318-webdev_plus/posts/32","url":"https://telemetr.io/ru/channels/1273854318-webdev_plus/posts/32","mainEntityOfPage":"https://telemetr.io/ru/channels/1273854318-webdev_plus/posts/32","headline":"Навигация по каналу. Кликай по хэштегу, чтобы перейти к посту, который опубликован на канале с данным хэштего…","articleBody":"Навигация по каналу.\n\nКликай по хэштегу, чтобы перейти к посту, который опубликован на канале с данным хэштегом.\n\n#javascript\n#css\n#html\n#игры\n#теги\n#полезныйресурс\n#учись","datePublished":"2021-05-22T20:25:10Z","dateModified":"2021-05-22T20:25:10Z","author":{"@type":"Organization","name":"WebDev+ | Веб-разработка","url":"https://telemetr.io/ru/channels/1273854318-webdev_plus","image":"https://img.telemetr.io/c/1ocXHo/5238053668396328807?ty=x"},"publisher":{"@type":"Organization","name":"WebDev+ | Веб-разработка","url":"https://telemetr.io/ru/channels/1273854318-webdev_plus","image":"https://img.telemetr.io/c/1ocXHo/5238053668396328807?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":612}]}},{"@type":"ListItem","position":13,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ru/channels/1273854318-webdev_plus/posts/31","url":"https://telemetr.io/ru/channels/1273854318-webdev_plus/posts/31","mainEntityOfPage":"https://telemetr.io/ru/channels/1273854318-webdev_plus/posts/31","headline":"WebDev+ | Веб-разработка","datePublished":"2021-05-21T11:30:01Z","dateModified":"2021-05-21T11:30:01Z","author":{"@type":"Organization","name":"WebDev+ | Веб-разработка","url":"https://telemetr.io/ru/channels/1273854318-webdev_plus","image":"https://img.telemetr.io/c/1ocXHo/5238053668396328807?ty=x"},"publisher":{"@type":"Organization","name":"WebDev+ | Веб-разработка","url":"https://telemetr.io/ru/channels/1273854318-webdev_plus","image":"https://img.telemetr.io/c/1ocXHo/5238053668396328807?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":386}]}},{"@type":"ListItem","position":14,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ru/channels/1273854318-webdev_plus/posts/30","url":"https://telemetr.io/ru/channels/1273854318-webdev_plus/posts/30","mainEntityOfPage":"https://telemetr.io/ru/channels/1273854318-webdev_plus/posts/30","headline":"Тег Элемент

служит контейнером для элементов, определяющих содержимое таблицы. Любая таблица…","articleBody":"Тег

\n \nЭлемент

служит контейнером для элементов, определяющих содержимое таблицы. Любая таблица состоит из строк и ячеек, которые задаются с помощью тегов и

. Внутри допустимо использовать следующие элементы: , , , , и .\n\nСинтаксис \n

,
,
,

\n \n \n \n

Текст

\n\nАтрибуты \nalign - Определяет выравнивание таблицы \nbackground - Задает фоновый рисунок в таблице\nbgcolor - Цвет фона таблицы \nborder - Толщина рамки в пикселах\nbordercolor - Цвет рамки\ncellpadding - Отступ от рамки до содержимого ячейки\ncellspacing - Расстояние между ячейками\ncols - Число колонок в таблице\nframe - Сообщает браузеру, как отображать границы вокруг таблицы \nheight - Высота таблицы \nrules - Сообщает браузеру, где отображать границы между ячейками\nsummary - Краткое описание таблицы\nwidth - Ширина таблицы\n\n#теги #html","datePublished":"2021-05-20T15:40:00Z","dateModified":"2021-05-20T15:40:00Z","author":{"@type":"Organization","name":"WebDev+ | Веб-разработка","url":"https://telemetr.io/ru/channels/1273854318-webdev_plus","image":"https://img.telemetr.io/c/1ocXHo/5238053668396328807?ty=x"},"publisher":{"@type":"Organization","name":"WebDev+ | Веб-разработка","url":"https://telemetr.io/ru/channels/1273854318-webdev_plus","image":"https://img.telemetr.io/c/1ocXHo/5238053668396328807?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":380},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":2}]}},{"@type":"ListItem","position":15,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ru/channels/1273854318-webdev_plus/posts/29","url":"https://telemetr.io/ru/channels/1273854318-webdev_plus/posts/29","mainEntityOfPage":"https://telemetr.io/ru/channels/1273854318-webdev_plus/posts/29","headline":"Вопрос от подписчика. Решаем: Задаем 2 переменные: point и answer. Функция prompt вызывает окно с вопросом и…","articleBody":"Вопрос от подписчика.\n\nРешаем:\n\nЗадаем 2 переменные: point и answer. Функция prompt вызывает окно с вопросом и поле для ввода ответа. Введенный ответ попадает в переменную answer. Программа сравнивает данный ответ с правильным. Если ответ правильный, то программа пойдет по одной ветке, в противном случае программа пойдет по другой ветке.\n\nНаш код: \n\n \n \n \n \n WebLab - ВопросОтПодписчика \n \n \n \n \n \n\n\nЕсли есть вопросы по коду, писать сюда @WebLabFeedBackBot","datePublished":"2021-05-19T16:00:48Z","dateModified":"2021-05-19T16:00:48Z","author":{"@type":"Organization","name":"WebDev+ | Веб-разработка","url":"https://telemetr.io/ru/channels/1273854318-webdev_plus","image":"https://img.telemetr.io/c/1ocXHo/5238053668396328807?ty=x"},"publisher":{"@type":"Organization","name":"WebDev+ | Веб-разработка","url":"https://telemetr.io/ru/channels/1273854318-webdev_plus","image":"https://img.telemetr.io/c/1ocXHo/5238053668396328807?ty=x"},"commentCount":1,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":321},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":3},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":1}]}},{"@type":"ListItem","position":16,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ru/channels/1273854318-webdev_plus/posts/28","url":"https://telemetr.io/ru/channels/1273854318-webdev_plus/posts/28","mainEntityOfPage":"https://telemetr.io/ru/channels/1273854318-webdev_plus/posts/28","headline":"Chart.js — библиотека JavaScript, которая позволяет быстро и удобно создавать различные графики и диаграммы н…","articleBody":"Chart.js — библиотека JavaScript, которая позволяет быстро и удобно создавать различные графики и диаграммы на сайте, используя Canvas.\n\n#полезныйресурс","datePublished":"2021-05-18T20:15:04Z","dateModified":"2021-05-18T20:15:04Z","author":{"@type":"Organization","name":"WebDev+ | Веб-разработка","url":"https://telemetr.io/ru/channels/1273854318-webdev_plus","image":"https://img.telemetr.io/c/1ocXHo/5238053668396328807?ty=x"},"publisher":{"@type":"Organization","name":"WebDev+ | Веб-разработка","url":"https://telemetr.io/ru/channels/1273854318-webdev_plus","image":"https://img.telemetr.io/c/1ocXHo/5238053668396328807?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":284},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":3}]}},{"@type":"ListItem","position":17,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ru/channels/1273854318-webdev_plus/posts/27","url":"https://telemetr.io/ru/channels/1273854318-webdev_plus/posts/27","mainEntityOfPage":"https://telemetr.io/ru/channels/1273854318-webdev_plus/posts/27","headline":"WebDev+ | Веб-разработка","datePublished":"2021-05-17T11:51:46Z","dateModified":"2021-05-17T11:51:46Z","author":{"@type":"Organization","name":"WebDev+ | Веб-разработка","url":"https://telemetr.io/ru/channels/1273854318-webdev_plus","image":"https://img.telemetr.io/c/1ocXHo/5238053668396328807?ty=x"},"publisher":{"@type":"Organization","name":"WebDev+ | Веб-разработка","url":"https://telemetr.io/ru/channels/1273854318-webdev_plus","image":"https://img.telemetr.io/c/1ocXHo/5238053668396328807?ty=x"},"commentCount":1,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":317},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":1}]}},{"@type":"ListItem","position":18,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ru/channels/1273854318-webdev_plus/posts/26","url":"https://telemetr.io/ru/channels/1273854318-webdev_plus/posts/26","mainEntityOfPage":"https://telemetr.io/ru/channels/1273854318-webdev_plus/posts/26","headline":"Орёл или решка? Сложность - ЛЕГКО Языки - HTML, JS ШАГ 1 Добавляем HTML: \n \n \n \n WebLab - coin \n \n \n \n

\n Выпало: \n

\n \n\n\nШАГ 2\nДобавляем JavaScript:\n\ndocument.getElementById('click').onclick = click; \n \nvar orel = 0; \nvar reshka = 0; \nfunction click() { \nx = (Math.floor(Math.random() * 2) == 0); \nif(x){ \nflip(\"Орёл\"); \n}else{ \nflip(\"Решка\"); \n} \n}; \nfunction flip(coin) { \ndocument.getElementById(\"result\").innerHTML = coin; \n};\n\nЕсли есть вопросы по коду, писать сюда @WebLabFeedBackBot\n\n#javascript #html","datePublished":"2021-05-16T12:55:00Z","dateModified":"2021-05-16T12:55:00Z","author":{"@type":"Organization","name":"WebDev+ | Веб-разработка","url":"https://telemetr.io/ru/channels/1273854318-webdev_plus","image":"https://img.telemetr.io/c/1ocXHo/5238053668396328807?ty=x"},"publisher":{"@type":"Organization","name":"WebDev+ | Веб-разработка","url":"https://telemetr.io/ru/channels/1273854318-webdev_plus","image":"https://img.telemetr.io/c/1ocXHo/5238053668396328807?ty=x"},"commentCount":1,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":362},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":8},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":1}]}},{"@type":"ListItem","position":19,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ru/channels/1273854318-webdev_plus/posts/25","url":"https://telemetr.io/ru/channels/1273854318-webdev_plus/posts/25","mainEntityOfPage":"https://telemetr.io/ru/channels/1273854318-webdev_plus/posts/25","headline":"Переключение видимости паролей. Сложность - ЛЕГКО Языки - HTML, JS ШАГ 1 Добавляем HTML: \n \n \n \n WebLab - password \n \n \n \nПароль: \n \nПоказать пароль \n \n \n\n\nШАГ 2\nДобавляем JavaScript:\n\nfunction ShowPass() { \n var x = document.getElementById(\"Webpassword\"); \n if (x.type === \"password\") { \n x.type = \"text\"; \n } else { \n x.type = \"password\"; \n } \n} \n\nЕсли есть вопросы по коду, писать сюда @WebLabFeedBackBot\n\n#javascript #html","datePublished":"2021-05-15T17:20:00Z","dateModified":"2021-05-15T17:20:00Z","author":{"@type":"Organization","name":"WebDev+ | Веб-разработка","url":"https://telemetr.io/ru/channels/1273854318-webdev_plus","image":"https://img.telemetr.io/c/1ocXHo/5238053668396328807?ty=x"},"publisher":{"@type":"Organization","name":"WebDev+ | Веб-разработка","url":"https://telemetr.io/ru/channels/1273854318-webdev_plus","image":"https://img.telemetr.io/c/1ocXHo/5238053668396328807?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":320},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":4}]}},{"@type":"ListItem","position":20,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ru/channels/1273854318-webdev_plus/posts/24","url":"https://telemetr.io/ru/channels/1273854318-webdev_plus/posts/24","mainEntityOfPage":"https://telemetr.io/ru/channels/1273854318-webdev_plus/posts/24","headline":"WebDev+ | Веб-разработка","datePublished":"2021-05-14T16:02:07Z","dateModified":"2021-05-14T16:02:07Z","author":{"@type":"Organization","name":"WebDev+ | Веб-разработка","url":"https://telemetr.io/ru/channels/1273854318-webdev_plus","image":"https://img.telemetr.io/c/1ocXHo/5238053668396328807?ty=x"},"publisher":{"@type":"Organization","name":"WebDev+ | Веб-разработка","url":"https://telemetr.io/ru/channels/1273854318-webdev_plus","image":"https://img.telemetr.io/c/1ocXHo/5238053668396328807?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":298}]}}]}

8 251

Реализуем простое, но необычное боковое меню. Сложность - ЛЕГКО Языки - HTML, JS, CSS 🖥 Читать статью 🖥 В этой статье Вы узнаете, как сделать анимированное меню, которое сдвигает содержимое страницы вправо, с добавлением затемнения. Если есть вопросы по коду, писать сюда @WebLabFeedBackBot #css #javascript #html

8 251

Создаём русскую матрицу. Сложность - ЛЕГКО Языки - HTML, JS, CSS 🖥 Читать статью 🖥 Если есть вопросы по коду, писать сюда @WebLabFeedBackBot #html #javascript #css

8 251

JavaScript. Как сгенерировать случайное число от 1 до 10?

Anonymous voting

8 251

Baba is You – одна из лучших головоломок 2019 года и хороший инструмент для обучения использованию логики и переменных в программировании. Каждое слово соответствует объекту или действию, определяющему свойства уровней. Слова, обозначающие объекты и свойства, можно перемещать для изменения выполняемых объектами действий. Это игра показывает, как замена переменных может повлиять на код. #игры

8 251

Реализуем секундомер с использованием JavaScript. Сложность - СРЕДНЕ Языки - HTML, JS 🖥 Читать статью 🖥 Если есть вопросы по коду, писать сюда @WebLabFeedBackBot #javascript #html

8 251

Embla Carousel - лёгкая библиотека для создания слайдеров-каруселей на JavaScript. Она позволяет создавать отзывчивые и адаптивные, кастомизируемые карусели. Есть большое количество готовых шаблонов. #css #javascript #html

8 251

Web Skills - это набор полезных навыков, которым можно научиться в качестве веб-разработчика. Этот сайт полезен для людей, которые только начали изучать веб-разработку, а также для людей, которые работают в этой области уже много лет и хотят узнать что-то новое. #полезныйресурс

8 251

Создаём изображение с прозрачным фоновым текстом. Сложность - ЛЕГКО Языки - HTML, CSS ШАГ 1 Добавляем HTML:

<!DOCTYPE html> 
<html> 
<head> 
<meta name="viewport" content="width=device-width, initial-scale=1">  
</head> 
<body> 
 
<div class="container"> 
 <img src="WebLab.jpg" alt="Photo" style="width:100%;"> 
 <div class="avatar"> 
 <h1>WebLab</h1> 
 <p>Подпишись на канал WebLab | Веб-разработка</p> 
 </div> 
</div> 
 
</body> 
</html>

ШАГ 2 Добавляем CSS:

<style> 
* { 
 box-sizing: border-box; 
} 
 
body { 
 margin: 0; 
 font-family: Courier New; 
 font-size: 15px; 
} 
 
.container { 
 position: relative; 
 max-width: 777px; /* Максимальная ширина */ 
 margin: 0 auto; /* Ставим в центр */ 
} 
 
.container img {vertical-align: middle;} 
 
.container .avatar { 
 position: absolute; /* Располагаем фоновый текст */ 
 bottom: 0; 
 background: rgba(0, 0, 0, 0.5); /* Черный фон с непрозрачностью 0,5 */ 
 color: aqua; 
 width: 100%; 
 padding: 20px; 
} 
</style>

#css #html

8 251

Несколько бесплатных онлайн игр для освоения CSS, преимущественно для новичков. 🧩 Flexbox Froggy 🧩 Flexbox Defense 🧩 Grid Garden 🧩 CSS Diner Если есть вопросы, писать сюда @WebLabFeedBackBot #css #игры

8 251

Создаём конвертер длины, в нашем случае из миль в километры. Сложность - ЛЕГКО Языки - HTML, JS ШАГ 1 Добавляем HTML:

<!DOCTYPE html> 
<html> 
<head> 
 <meta charset="utf-8"> 
 <title>WebLab - конвертер</title> 
</head> 
<body> 
 
 <h2>Конвертер длины Миль в Километры</h2> 
 
<p> 
 <label>Миль</label> 
 <input id="Ml" type="number" placeholder="Миль" oninput="Converter(this.value)" onchange="Converter(this.value)"> 
</p> 
<p> 
 Километры: <span id="Km"></span> 
</p> 
 
</body> 
</html>

ШАГ 2 Добавляем JavaScript:

<script> 
 function Converter(Num) { 
 document.getElementById("Km").innerHTML=Num/0.62137; 
 } 
 </script>

Если есть вопросы по коду, писать сюда @WebLabFeedBackBot #javascript #html

8 251

CSS Gradient - генератор градиентов Бесплатный инструмент, который позволяет создавать градиентный фон. Помимо этого, он включает в себя необходимые настройки: тип, количество переходов, их позиции, HEX/RGBA кодировки цветов, угол наклона и прозрачность. Результат отображается ниже в виде CSS стилей градиента. Так же имеется совместимость с IE6+ #css #полезныйресурс

8 251

Навигация по каналу. Кликай по хэштегу, чтобы перейти к посту, который опубликован на канале с данным хэштегом. #javascript #css #html #игры #теги #полезныйресурс #учись

8 251

Добавлять под постами хэштеги? Кликая на них, можно переходить к интересующему посту. Это улучшит навигацию по каналу.

Anonymous voting

8 251

Тег <table> Элемент <table> служит контейнером для элементов, определяющих содержимое таблицы. Любая таблица состоит из строк и ячеек, которые задаются с помощью тегов <tr> и <td>. Внутри <table> допустимо использовать следующие элементы: <caption>, <col>, <colgroup>, <tbody>, <td>, <tfoot>, <th>, <thead> и <tr>. Синтаксис

<table> 
 <tr> 
 <td>Текст</td> 
 </tr> 
</table>

Атрибуты align - Определяет выравнивание таблицы background - Задает фоновый рисунок в таблице bgcolor - Цвет фона таблицы border - Толщина рамки в пикселах bordercolor - Цвет рамки cellpadding - Отступ от рамки до содержимого ячейки cellspacing - Расстояние между ячейками cols - Число колонок в таблице frame - Сообщает браузеру, как отображать границы вокруг таблицы height - Высота таблицы rules - Сообщает браузеру, где отображать границы между ячейками summary - Краткое описание таблицы width - Ширина таблицы #теги #html

8 251

Вопрос от подписчика. Решаем: Задаем 2 переменные: point и answer. Функция prompt вызывает окно с вопросом и поле для ввода ответа. Введенный ответ попадает в переменную answer. Программа сравнивает данный ответ с правильным. Если ответ правильный, то программа пойдет по одной ветке, в противном случае программа пойдет по другой ветке. Наш код:

<!DOCTYPE html> 
<html> 
 <head> 
 <meta charset="utf-8"> 
 <title>WebLab - ВопросОтПодписчика</title> 
 </head> 
 <body> 
<script> 
let point = 0; 
let answer = ""; 
answer = prompt("В каком году был создан язык JavaScript?"); 
if (answer == "1995"){ 
 alert("Верно"); 
 point++ 
}else{ 
 alert("Неверно!"); 
} 
 
answer = prompt("Создатель языка JavaScript?"); 
if (answer == "Брендан Айк"){ 
 alert("Верно"); 
 point++ } 
else{ 
 alert("Неверно!"); 
} 
 
alert("Вы набрали: " + point + " баллов"); 
</script> 
 
 </body> 
</html>

Если есть вопросы по коду, писать сюда @WebLabFeedBackBot

8 251

Chart.js — библиотека JavaScript, которая позволяет быстро и удобно создавать различные графики и диаграммы на сайте, используя Canvas. #полезныйресурс

8 251

Как создать новый массив в JavaScript?

Anonymous voting

8 251

Орёл или решка? Сложность - ЛЕГКО Языки - HTML, JS ШАГ 1 Добавляем HTML:

<!DOCTYPE html> 
<html> 
 <head> 
 <meta charset="utf-8"> 
 <title>WebLab - coin</title> 
 </head> 
 <body> 
 <button id="click" type="button">Подбросить монетку</button> 
<p> 
 Выпало: <span id="result"></span> 
</p>
 </body> 
</html>

ШАГ 2 Добавляем JavaScript:

document.getElementById('click').onclick = click; 
 
var orel = 0; 
var reshka = 0; 
function click() { 
x = (Math.floor(Math.random() * 2) == 0); 
if(x){ 
flip("Орёл"); 
}else{ 
flip("Решка"); 
} 
}; 
function flip(coin) { 
document.getElementById("result").innerHTML = coin; 
};

Если есть вопросы по коду, писать сюда @WebLabFeedBackBot #javascript #html

8 251

Переключение видимости паролей. Сложность - ЛЕГКО Языки - HTML, JS ШАГ 1 Добавляем HTML:

<!DOCTYPE html> 
<html> 
 <head> 
 <meta charset="utf-8"> 
 <title>WebLab - password</title> 
 </head> 
 <body> 
 
Пароль: <input type="password" value="Введите пароль" id="Webpassword"> 
 
<input type="checkbox" onclick="ShowPass()">Показать пароль 
 
 </body> 
</html>

ШАГ 2 Добавляем JavaScript:

function ShowPass() { 
 var x = document.getElementById("Webpassword"); 
 if (x.type === "password") { 
 x.type = "text"; 
 } else { 
 x.type = "password"; 
 } 
}

Если есть вопросы по коду, писать сюда @WebLabFeedBackBot #javascript #html

8 251

Что выведет этот код? for(let i=0; i<10; i++) { setTimeout(function() { alert(i); }, 100); }

Anonymous voting