DivMan

Самый худший вариант https://jsfiddle.net/473m2b36/ <input type="text" class="input"> <div class="img img1 hidden"></div> <div class="img img2 hidden"></div> <div class="img img3 hidden"></div> .hidden { display: none; } .img { width: 200px; height: 200px; } .img1 {background: green;} .img2 {background: blue;} .img3 {background: red;} var input = document.querySelector('.input'); var img1 = document.querySelector('.img1'); var img2 = document.querySelector('.img2'); var img3 = document.querySelector('.img3'); input.oninput = function() { if(input.value == 1) { img1.classList.toggle('hidden'); } else if(input.value == 2) { img2.classList.toggle('hidden'); } else if(input.value == 3) { img3.classList.toggle('hidden'); } else { img1.classList.add('hidden'); img2.classList.add('hidden'); img3.classList.add('hidden'); } }

https://jsfiddle.net/L0em9ask/

там разбираться, особо не в чем;

всё таки на js это сделать намного лучше и проще https://jsfiddle.net/4hpx7wby/ Переменная link в неё записывается элемент с классом link, в нашем случае, это элемент a. Переменная hidden, в неё записывается элемент с классом hidden. Этот код означает link.addEventListener('click', function(e) { При клике на элемент link, e.preventDefault(); Отменить действие ссылки по умолчанию, ссылка по умолчанию, куда-то посылает, теперь она типа мёртвая (не рабочая). hidden.classList.toggle('hidden'); проверить, есть ли у элемента с классом hidden, класс hidden, если есть, то убрать этот класс, если нету, то добавить. В принципе, если вам сложно разобраться в JS, то блок if и else, можно вообще убрать и также будет скрывать и показывать и можно ещё убрать e.preventDefault(); Вот этот код, можно поместить в 1 файл.html <style> .hidden { display: none; } </style> <div class="main"> <p align="justify">Женщина всегда стремится быть красивой. Женщина счастлива, когда она нравится. Женщина может быть красивой не зависимо от возраста. Можно вспомнить фильм «Москва слезам не верит». В нем главная героиня сказала: «Жизнь после сорока только начинается».</p> <a href="#" class="link">Подробнее</a> <div class="hidden block"> <p align="justify">Женщина, если она настоящая женщина, — хочет быть красивой и нравиться всегда, везде, и всем.</p> <p align="justify">Однако, многие женщины относятся с предубеждением к декоративной косметике. Одни, не зная всех тонкостей нанесения косметики и не стремясь их изучить, в лучшем случае ограничиваются губной помадой и пудрой. Другие доказывают, что у них нет на всю эту ерунду времени. Есть также дамы, которые впадают в другую крайность: они раскрашивают себе лицо, не считаясь ни с правилами макияжа, ни с собственной внешностью.</p> <p align="justify">Надо помнить, что одной не верной нарисованной чертой, проведенной на верхнем веке или под глазами, уничтожается вся женственность, все обаяние, красота и самый ценный дар природы — молодость и свежесть, тогда как умелым макияжем можно их только подчеркнуть.</p> <p align="justify">Некоторые женщины не знают разницы между дневным и вечерним макияж. Это как в одежде - два разных стиля. Вечерний макияж выглядит не хорощо днем. Женщина, которая появляется на работу, в офис в длинном вечернем платье с вырезом на спине, выглядит в лучшем случае, глупо.</p> <p align="justify">Забота о лице, не означает бессмысленное применение косметики. Самые, простые приемы ухода за лицом имеют свои законы. Уметь «краситься» — это искусство. Здесь учитывается время года, возраст и внешность.</p> <p align="justify">Любое женское лицо, в той или иной мере, нуждается в косметике. Чем тщательнее, тоньше и естественнее наложен макияж, тем больше эффект. Умелый мягкий грим подчеркивает естественную красоту лица и помогает скрыть его дефекты. Иногда нескольких штрихов помогают сделать лицо привлекательным, а малейшая ошибка может все испортить. Для этого, надо знать, что и как делать и чего делать нельзя. По этому поводу психотерапевт Диля Еникеева, говорит «Косметика за двадцать минут сделает вас красивой. Но чтобы красота выглядела естественной, вам потребуется не менее двух часов». Если женщина усвоила правила нанесения декоративной косметики, она не допустит ошибок.</p> <p align="justify">Надеемся, что наш сайт поможет женщинам научиться правильно «украшать» себя, доставляя тем самым эстетическое удовольствие не только себе, но и другим, помня что нет ничего прекраснее красивой женщины.</p> </div> </div> <script> var link = document.querySelector('.link'); var hidden = document.querySelector('.hidden'); var block = document.querySelector('.block'); link.addEventListener('click', function(e) { e.preventDefault(); hidden.classList.toggle('hidden'); if(block.classList.contains('hidden')) { link.textContent = 'Подробнее'; } else { link.textContent = 'Скрыть'; } }) </script>

это регулярное выражение

var num = [4, -1, 2, 5, -8, -5, 9, -4]; function sumNum(arr) { var primer = ''; var sum = 0; for(var i = 0; i < arr.length; i++) { if(arr[i] > 0) { sum = sum + arr[i]; primer = primer + arr[i] + '+'; } } primer = primer.substring(0, primer.length - 1) return primer + '=' + sum; } console.log(sumNum(num))

У меня нормально отображает если вы это делаете на локальном вебсервере, то там часто стили не применяются

<P align="justify"> не надо так делать

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

Оцените, мой небольшой сервис вопросов и ответов, всё делал сам, на чистом html, css, js и php. Очень интересно узнать, удобно ли я сделал админку? Для входа в админку, надо указать GET параметр ?admin=1 и ввести admin и admin только не удаляйте разделы, которые вы не создавали. http://phpkurs.16mb.com/?admin=1 сам сайт http://phpkurs.16mb.com/ весь код на гитхабе https://github.com/Div-Man/faq в коде получилось, очень много дублирования. Описание клиентской части Пользователи могут просматривать категории, вопросы и ответы. Любой пользователь может задать вопрос, указав своё имя, адрес электронной почты, выбрав категорию и написав текст вопроса. Вопросы без ответов не публикуются на сайте. Вход в интерфейс администратора Для попадания в интерфейс администратора нужно ввести логин и пароль. По умолчанию создан единственный администратор с логином admin и паролем admin. Возможности в интерфейсе администратора Просматривать список администраторов. Создавать новых администраторов. Изменять пароли существующих администраторов. Удалять существующих администраторов. Просматривать список тем. По каждой теме в списке видно сколько всего вопросов в ней, сколько опубликовано, сколько без ответов. Создавать новые темы. Удалять существующие темы и все вопросы в них. Просматривать вопросы в каждой теме. По каждому вопросу видно дату создания, статус (ожидает ответа / опубликован / скрыт). Удалять любой вопрос из темы. Скрывать опубликованные вопросы. Публиковать скрытые вопросы. Редактировать автора, текст вопроса и текст ответа. Перемещать вопрос из одной темы в другую. Добавлять ответ на вопрос с публикацией на сайте, либо со скрытием вопроса. Видеть список всех вопросов без ответа во всех темах в порядке их добавления. И иметь возможность их редактировать и удалять.

высылает скрин структуры файлов

Лучше изучать модули CSS, чем всякие препроцессоры и сборщики.

Можно записывать на диктофон, потом закачивать в формате видео на ютуб, там вроде есть, распознавание голоса. Потом сделать парсер для этих титров и вставлять потом всё в нужное место.

надо ещё тоже в li положить

потому что фиксированная ширина. Надо убрать свойство width или заменить на, что-то другое

Так поинтересней function generateColor() { return "#" + Math.floor(Math.random() * 16777215).toString(16); } setInterval(function () { var delDiv = document.querySelectorAll('div'); var body = document.querySelector('body'); for(var i = 0; i < delDiv.length; i++) { body.removeChild(delDiv[i]); } var r = Math.random() * 100 + 50, d = r * 2, color = generateColor(); var div = document.createElement("DIV"); div.style.width = d +'px'; div.style.height = d +'px'; div.style.backgroundColor = color; div.style.borderRadius = 50 +'%'; document.body.appendChild(div); }, 1000);

function generateColor() { return "#" + Math.floor(Math.random() * 16777215).toString(16); } function circle() { var r = Math.random() * 100 + 50, d = r * 2, color = generateColor(); var div = document.createElement("DIV"); div.style.width = d +'px'; div.style.height = d +'px'; div.style.backgroundColor = color; div.style.borderRadius = 50 +'%'; document.body.appendChild(div); } circle();

очень тёмный

а да, я не то понял

не работает вот так по центру margin-top: 50%; margin-left: 50%; margin-right: 50%; margin-bottom: 50%;

Что за книга?

тут написано, что надо сделать https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fhutor.kh.ua%2F&tab=desktop

возможно из-за подключённого бутстрапа и джейквери

Если добавлять одинаковые товары, то по логике свойство numberProduct должно увеличиваться на 1. Оно увеличивается только 1 раз , но почему-то не сохраняется? Помогите пожалуйста, я уже 3 часа мучаюсь. 23 строка <?php abstract class Product{ public $title; public $price; public $numberProduct; public function __construct($title, $price, $numberProduct = 1){ $this->title = $title; $this->price = $price; $this->numberProduct = $numberProduct; } } class Cart{ public $countProduct = []; public function addProduct($product){ if(array_key_exists($product->title, $this->countProduct)){ $res = $product->numberProduct = $product->numberProduct+ 1; echo 'Товар добавлен в корзину<br>'; return $res; } else{ $this->countProduct[$product->title] = $product; echo 'Товар добавлен в корзину<br>'; } } public function deleteProduct($product){ echo $product->title . ' удалён'; unset($this->countProduct[$product->title]); } } class Planshet extends Product{} $planshet = new Planshet('Asus', 2000); $planshet2 = new Planshet('Lenovo', 3000); $planshet3 = new Planshet('Lenovo', 3000); $planshet4 = new Planshet('Lenovo', 3000); $planshet5 = new Planshet('Lenovo', 3000); $korzina = new Cart(); $korzina->addProduct($planshet); //добавляю товар в корзину $korzina->addProduct($planshet2); //добавляю товар в корзину $korzina->addProduct($planshet3); //добавляю товар в корзину $korzina->addProduct($planshet4); //добавляю товар в корзину $korzina->addProduct($planshet5); //добавляю товар в корзину echo '<pre>'; var_dump($korzina->countProduct); echo '</pre>'; $korzina->deleteProduct($planshet); //удаляю из корзины echo '<pre>'; var_dump($korzina->countProduct);

только не бери, где оперативка 4 гб, а то я взял и мучаюсь