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

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

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

лендинг пробный, так сказать , просто показать друзьям, чему я научился))
  • Вопрос задан
  • 5757 просмотров
Комментировать
Подписаться 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 пароль поставить. Может и на апач можно.
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
Fullstack Developer под Wordpress
Future Search
от 90 000 до 150 000 ₽
WordPress-разработчик
div. • Ставрополь
от 50 000 до 120 000 ₽
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Развернуть OpenSource софт на сервере
23 нояб. 2024, в 17:32
5000 руб./за проект
Отрисовать дизайн веб-страницы генерации математических примеров
23 нояб. 2024, в 16:00
10000 руб./за проект
Сделать бот программу для браузерной игры
23 нояб. 2024, в 15:17
5000 руб./за проект
Ещё заказы