Магазин товаров для дома

Saved searches

Use saved searches to filter your results more quickly

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session.

Автоматизированный бот, который решит за вас тренажеры из подборки HTML Academy.

Frezyx/html_academy_solution

This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?

Sign In Required

Please sign in to use Codespaces.

Launching GitHub Desktop

If nothing happens, download GitHub Desktop and try again.

Launching GitHub Desktop

If nothing happens, download GitHub Desktop and try again.

Launching Xcode

If nothing happens, download Xcode and try again.

Launching Visual Studio Code

Your codespace will open once ready.

There was a problem preparing your codespace, please try again.

Latest commit

Git stats

Files

Failed to load latest commit information.

README.md

Автоматизированный бот, который решит за вас тренажеры из подборки HTML Academy.

• Склонируйте этот репозиторий на своб локальную машину, на которой предустановлен Python версии 3.8
• Откройте папку с проектом в редакторе кода
• В терминале пропишите:

pip3 install -U webdriver-manager selenium

Бот не умеет решать задачи, где требуется действие студиента

Если кто-то придумает способ решения подобных задач — велком то контрибюте

About

Автоматизированный бот, который решит за вас тренажеры из подборки HTML Academy.

Источник

a1ip / script.js

This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters. Learn more about bidirectional Unicode characters

let list = document . querySelector ( ‘.todo-list’ ) ;

let input = document . querySelector ( ‘.todo-input’ ) ;

let form = document . querySelector ( ‘.todo-form’ ) ;

let priority = document . querySelector ( ‘.todo-priority’ ) ;

priority . onclick = function ( )

priority . classList . toggle ( ‘is-important’ ) ;

if ( priority . classList . contains ( ‘is-important’ ) )

priority . textContent = ‘Важная задача’ ;

> else

priority . textContent = ‘Обычная задача’ ;

>

> ;

form . onsubmit = function ( evt )

evt . preventDefault ( ) ;

> ;

form . onsubmit = function ( evt )

evt . preventDefault ( ) ;

let task = document . createElement ( ‘li’ ) ;

task . textContent = input . value ;

if ( priority . classList . contains ( ‘is-important’ ) )

task . classList . add ( ‘is-important’ ) ;

> else

task . classList . remove ( ‘is-important’ ) ;

>

list . append ( task ) ;

input . value = » ;

> ;

/*

1. Каждая задача в списке — это элемент li. При отправке формы (переменная form) новая задача добавляется в конец списка (переменная list).

2. Текст задачи берётся из поля ввода (переменная input).

3. Если у переключателя приоритета (переменная priority) есть класс is-important, то новой задаче также добавляется класс is-important.

4. Бонус: после того, как задача добавится в список, поле ввода можно очистить. Но можно не очищать. Подходят оба варианта.

*/

Источник

a1ip / script.js

This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters. Learn more about bidirectional Unicode characters

const submitButton = document . querySelector ( ‘.submit-button’ ) ;

const error = document . querySelector ( ‘.error’ ) ;

const reviews = document . querySelectorAll ( ‘.review’ ) ;

for ( let review of reviews )

review . onchange = function ( )

if ( review . dataset . evaluation === ‘bad’ )

submitButton . disabled = true ;

error . classList . add ( ‘shown’ ) ;

> else

submitButton . disabled = false ;

error . classList . remove ( ‘shown’ ) ;

> ;

> ;

> ;

/*

1. У всех радиокнопок есть класс review.

2. Чтобы отслеживать переключение радиокнопок, нужно добавить обработчик событий onchange

каждой радиокнопке.

3. У каждой радиокнопки есть атрибут data-evaluation. Если отзыв хороший,

значение этого атрибута – ‘good’, а если плохой — ‘bad’.

4. Кнопка отправки имеет класс submit-button. Если пользователь выбрал плохой отзыв,

кнопку нужно заблокировать, а если хороший — разблокировать.

5. Чтобы показать сигнал об ошибке, элементу с классом error нужно добавить класс shown.

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

сигнал об ошибке нужно спрятать.

*/

Источник

Меняем значения CSS-свойств

Правки, правки, правки. Да, опять правки. Кекс хоть и кот, но ничуть не отличается от типичного заказчика. Так что ловите перечень пожеланий:

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

Что ж, добавлением классов в разметку уже не отделаться, придётся нырять в CSS-код и редактировать его. Все параметры отображения тегов, на которые влияет CSS, задаются с помощью свойств в следующем формате:

color: red; /* красный цвет текста */ padding: 10px; /* внутренний отступ размером 10 пикселей */

Чтобы решить эту задачу босса, достаточно поменять значения уже существующих свойств. Нужные свойства мы пометили комментариями. Кстати, в CSS комментарии обозначаются символами /* и */ . Вперёд к практике.

Gloevk

Разнообразные товары для дома с доставкой по всей планете