Открыть веб-сайт, если «пароль» - это именно то, что нужно (страницы github)

Извините, если это относительно простой вопрос, но я немного расстроен, и я впервые использую GitHub Pages.

Я хочу:

Принять текст в форме
Сравните текст в форме с паролем "pass"
- если правильно, перейдите на другой html-сайт
- иначе ничего не делать

заранее спасибо

<!DOCTYPE html>
<html>
  <head>
    <title>Page</title>
  </head>
  <body>
    
    <form onSubmit = "checkPass(this)">
      <label>Password:</label>
      <input type = "text" name = "Password" id = "pwd" size = "20"> 
      <input type = "Submit" name = "Submit">
    </form>
    
    <script>
    function checkPass(passForm) {
      var password = document.getElementById('pwd');
      if (password == "pass"){
        windows.open("Website extension here")
      }
        
    }
    </script>
    
</body>
</html>

Но любой может просмотреть исходный код и открыть веб-сайт, верно?

— 14.12.2020 12:20

Пожалуйста, не используйте этот код на действующем веб-сайте, если только вы не уверены, что он не обеспечивает никакой защиты.

— 14.12.2020 12:43

javascript html github

14.12.2020 12:18

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Но любой может просмотреть исходный код и открыть веб-сайт, верно? Все правильно, кроме того, что вы пропустили .value. Добавьте return false и сделайте windows как window:

function checkPass() {
  var password = document.getElementById('pwd').value;
  if (password == "pass") {
    window.open("https://example.com")
  }
}

<form onSubmit = "checkPass(); return false;">
  <label>Password:</label>
  <input type = "text" name = "Password" id = "pwd" size = "20">
  <input type = "Submit" name = "Submit">
</form>

Приведенный выше код не будет работать в песочнице. Так что попробуйте, используя CodeSandbox Demo.

Спасибо! Я знаю, что это открытый исходный код, но я не собираюсь использовать его для чего-то важного. Это было больше похоже на тест использования веб-сайта в GitHub.

— 15.12.2020 00:40

@aeter Всего наилучшего! Спасибо за совет.

— 15.12.2020 00:41

14.12.2020 12:20