Vans

Здравствуйте!
Только начал учить Js, сейчас прохожу блок по DOM.
Написал абстрактную регистрацию пользователя с проверкой на совпадение паролей, на сколько правильно я это сделал? 

<div class="main">
    <h2>Форма регистрации</h2>
    <p>Пройдите регистрацию.</p>
    <div class="button">
        <a href="#" class="a-reg">Регистрация</a>
    </div>

    <form action="#">
        <label for="">Имя:</label><br>
        <input type="text"><br>
        <label for="" class="password">Пароль:</label><br>
        <input type="text"><br>
        <label for="" class="re-password">Повторите пароль:</label><br>
        <input type="text">
        <div class="button">
            <a href="#" class="a-reg">Регистрация</a>
        </div>
        <br>
        <h3></h3>
        <p></p>
        <p></p>
      </form>
  </div>

var regbutton = document.querySelectorAll('.button')
var form = document.querySelector('form')
var inputs = document.querySelectorAll('input')
var h3 = document.querySelector('h3')
var reginfo = document.querySelectorAll('p')

regbutton[0].addEventListener('click', function(){
    if(form.style.display === 'none'){
        form.style.display = 'block'
    } else {
        form.style.display = 'none'
    }

    regbutton[1].addEventListener('click', function(){
        if(inputs[1].value == inputs[2].value){
            h3.textContent = 'Вы завершили регистрацию!'
            reginfo[1].textContent = inputs[0].value
            reginfo[2].textContent = inputs[1].value
        } else {
            h3.textContent = 'Пароли не совпадают!'
        }
    })
})

Доброго времени суток господа!
Столкнулся с такой проблемой:
 

Quote

<div class="main">
    <h1>Hello World!</h1>
  </div>

Quote

var div = document.querySelector('.main > h1')
console.log(div)

Возвращает null

Здравствуйте, помогите сделать адаптивное меню для моб устройств
<ul class="menu_b">
            <a href="/"><img src="/assets/new/images/logo.svg" width="150px"></a>
            <li><a href="/contacts">Контакты</a></li>
            <li><a href="/premium">Премиум</a></li>
            <li><a href="/about">О сервисе</a></li>
 </ul>

Здравствуйте!
Прописал следующие @media для мобильных устройств:
@media screen and (max-width: 768px) {}

Но с экранов в 5 и тд дюймов, т.е те у кого разрешение hd и full hd, это просто не работает, как выйти из ситуации, чтобы к hd и full hd применялись прописанные @media?

9 minutes ago, npofopr said:

Самое простое https://jsfiddle.net/npofopr/k8r2brxd/5/ )

Спасибо огромное! Можно сделать так, чтобы менюшка закрывалась по щелчку в любом месте? 

7 minutes ago, npofopr said:

Или вам конкретно к вашему надо?

Видел эти менюшки, слишком сложные для меня 
Да, желательно к моему

22 minutes ago, npofopr said:

В чём вопрос?

Прошу помощи, к своему стыду не знаю js(

Здравствуйте! Накидал подобное меню, помогите сделать его раскрывающимся по щелчку, как в ВК или на этом форуме

https://jsfiddle.net/k8r2brxd/2/

Здравствуйте!
Подскажите, что за форум? На чем сделан? (НЕ РЕКЛАМА)
https://rage.mp/forums/ 

Здравствуйте! Помогите адаптировать картинку с текстом под разрешение экранов, как на картинке
https://jsfiddle.net/8npy2zrd/

Здравствуйте!

Есть текст и картинка, у которых стоит прозрачность 50%, при наведении прозрачность 100%

Как связать текст и картинку, чтобы при наведении одного из этих элементов, прозрачность менялась и у текста и у картинки? 

https://jsfiddle.net/19cwsr5j/

Как-то так?

 

https://jsfiddle.net/8sLv7jsz/

Огромное спасибо)

Форумчане привет, помогите спозиционировать картинку.

Картинка относительно текста должна быть наверху

https://jsfiddle.net/oc7qxgqd/

Спасибо) 

Приветствую, хочу сделать так, чтобы иконки соц. сетей располагались ровно под логотипом "Skype", но ничего не выходит

http://jsfiddle.net/4nnbou8s/

Что значит структуре?

html каркас 

Приветствую, объясните салаге, по какой структуре сделано это меню:

Демо - worldoftanks.ru (Не реклама)

Приветствую, помогите с правым блоком, никак не получается, пробовал и position, и float

Первую половину сделал, а вторую никак не могу

http://jsfiddle.net/da2pge3y/

Приветствую, через что научиться рисовать подобную векторную графику?)

P.S Граф. планшета не имею

Приветствую, не могу добиться такого эффекта как тут - http://html5up.net/txt

Текст наезжает на рамку.

Приветствую, подскажите пожалуйста, как разместить красный блок, ровно по центру картинки?

http://cssdeck.com/labs/rp6byd3y

http://cssdeck.com/labs/1cp37usy

Спасибо

Приветствую!
Не могу прижать картинку вниз к дочернему блоку div, почему то она прижимается к низу body

http://cssdeck.com/labs/71rtjukt

Приветствую!

Как картинку, поместить под меню?

<!--Menu--> 		<center><img align="center" src="img/logo.png" width="500px;"/></center> 			<ul>			  <li><a id="mm" href="#">Биография</a></li>			  <li><a id="mm" href="#">Фото</a></li>			  <li><a id="mm" href="#">Видео</a></li>			  <li><a id="mm" href="#">Контакты</a></li>  			  <div id="social"><a href="http://vk.com/bmx.prorider" target="_blank"><img src="http://izfetra.ru/wp-content/uploads/2014/06/vk_button_c.png" width="25px"/></a></div>			</ul> 		<!--/Menu-->

пишите на почту: 99-rus_гав_mail.ru обсудим.

Может skype?

Приветствую, есть каркас html(css)

Что то типа интернет магазина, в нем есть категории

• ОБЪЕКТИВЫ
•  
• ВНЕШНИЙ АККАМУЛЯТОР
•  
• КЕПКИ И ШАПКИ
•  
• ОДЕЖДА НА ПРЕДЗАКАЗ
•  
• ЧЕХЛЫ НА IPHONE
•  
• РАЗНОЕ

Под них нужно написать скрипт добавления товара.