Возврат HTML ввода с JavaScript - PullRequest
Новая
       1

Возврат HTML ввода с JavaScript

0 голосов
/ 14 февраля 2020

Я хотел бы, чтобы мой код возвращал ввод HTML с помощью оповещения.

Я пытался использовать этот код ниже, но на выходе ничего не получилось. Я уверен, что это не кнопка ... 

<center>
  <h3>Enter The Username And Password To Unlock This Computer</h3>
  <script>
    function incorrect() {
      var user = document.getElementById("username");
      var pass = document.getElementById("password");
      text = "the username '" + user + "' is incorrect, and the password '" + pass + "' is also incorrect"
      console.log(text)
      alert(text)
    }
  </script>
  <form>
    <h6>Username</h6><input type="text" id="username" name="username" value="">
    <h6>Password</h6><input type="text" id="password" name="password" value="">
    <br><button type="button" onclick="incorrect">Unlock</button>


  </form>
</center>

Ответы [ 3 ]

1 голос
/ 14 февраля 2020

Хотите, чтобы текст набирался или просто входной блок html? 

<center>
  <h3>Enter The Username And Password To Unlock This Computer</h3>
  <script>
    function incorrect() {
      var user = document.getElementById("username").value;
      var pass = document.getElementById("password").value;
      text = "the username '" + user + "' is incorrect, and the password '" + pass + "' is also incorrect"
      console.log(text)
      alert(text)
    }
  </script>
  <form>
    <h6>Username</h6><input type="text" id="username" name="username" value="">
    <h6>Password</h6><input type="text" id="password" name="password" value="">
    <br><button type="button" onclick="incorrect()">Unlock</button>


  </form>
</center>
0 голосов
/ 14 февраля 2020 
<input type="text" class="input">
<button class="button">sad</button>


let t = document.querySelector('.button');

t.addEventListener('click', function () {
                let y = document.querySelector('.input').value;
                console.log(y);
           });
0 голосов
/ 14 февраля 2020

проблема в скобках, вы должны использовать <br><button type="button" onclick="incorrect()">Unlock</button>

      function incorrect(){
         var user = document.getElementById("username");
        var pass = document.getElementById("password");
        text = "the username '"+user+"' is incorrect, and the password '"+pass+"' is also incorrect"
        console.log(text)
        alert(text)
      }
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>repl.it</title>
    <link href="style.css" rel="stylesheet" type="text/css" />
  </head>
  <body>
    <script src="script.js"></script>
    <center>
    <h3>Enter The Username And Password To Unlock This Computer</h3>

    <form>
      <h6>Username</h6><input type="text" id="username" name="username" value="">
      <h6>Password</h6><input type="text" id="password" name="password" value="">
      <br><button type="button" onclick="incorrect()">Unlock</button>


    </form>
    </center>
  </body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...