Задать вопрос
@testy1927
html

Как поставить пароль на сайт через html/css/js?

Добрый день!
есть лендинг, на который хочу поставить пароль(не сложный, без логина). Как я вижу это - заходишь на страницу - есть поле ввода пароля - вводишь правильный пароль - открывается страница(например, дать всему лендингу класс display:none и когда вводишь правильный пароль, то такой класс убирается)
как это сделать с помощью html и js?

лендинг пробный, так сказать , просто показать друзьям, чему я научился))
  • Вопрос задан
  • 5232 просмотра
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 2
Stalker_RED
@Stalker_RED
Ну сделай какой-то враппер для контента, пропиши display none
Сделай поле, повесь слушатель на change или input, сравнивай value с образцом.

inputElem.oninput = function(){ if (this.value === 'foobar') contentWrapper.classList.remove('hidden') }


Только твоя "защита" обходится в три клика. Открыть devtools, убрать display: none.
Ответ написан
Комментировать
Комментировать
@sand3001
Всего по немногу
<body id="opa">
<script>
function displayOpa() {
var pass = prompt("Enter password");
//Тут код для проверки пароля (pass == "password"), поиска элемента id="opa", и удаления display:none;
}

window.onload = displayOpa;
</script>

Но вообще, это конечно не помешает вручную через консоль разработчика удалить стиль
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 2
AntonLitvinenko
@AntonLitvinenko
HTML coder
Поставить prompt до отрисовки страницы. Скрипт заблокируют отрисовку и девтулс не поможет)
Ответ написан
Комментировать
Комментировать
@kandrash
Кратко о себе
Это называется "показать друзьям чему меня научили на тостере") вообще это реально, хоть и бред. погуглите как на nginx пароль поставить. Может и на апач можно.
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (React)
ДАЛЕЕ
от 130 000 ₽
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Подключить авторизацию через Firebase в приложении React Native
18 апр. 2024, в 13:18
20000 руб./за проект
Скрипт по работе с API и записи в MySQL данных (задача на сегодня)
18 апр. 2024, в 13:03
5000 руб./за проект
HTML макет для Email рассылки
18 апр. 2024, в 13:01
3000 руб./за проект
Ещё заказы