Я новичок в Javascript и изо всех сил пытаюсь заставить работать простую форму. Могу ли я получить совет? - PullRequest
Новая
       16

Я новичок в Javascript и изо всех сил пытаюсь заставить работать простую форму. Могу ли я получить совет?

1 голос
/ 22 марта 2020

Мой код ниже. Попытка создать простую форму для назначения. 

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Adoption Form</title>
<script>
function getInfo(){

var first = 
document.forms["formInfo"]["first"].value;
var last = 
document.forms["formInfo"]["last"].value;

var applicantInfo = "My first name is " + first + " My last name is " + last ".";

document.getElementById("info").innerHTML = applicantInfo;

}
</script>
</head>

<body>
    <div>
    <form id="formInfo" name="formInfo">
        <p>My first name is <input name="first" type="text" id="first" title="first"></p>
        <p> My last name is <input name="last" type="text" id="last" title="last"></p>

        <p><input type="button" value="Send Information" onClick="getInfo()"></p>
    </form>
    </div>
    <div id="info">
    </div>
</body>
</html>

Всякий раз, когда я нажимаю кнопку в браузере, ничего не происходит. Куда я иду не так?

Ответы [ 2 ]

0 голосов
/ 22 марта 2020

Этот код работает, вот JSFIDDLE

Вы просто пропустили оператор конкатенации (+) в конце назначения переменной. 

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Adoption Form</title>
<script>
function getInfo(){

var first = 
document.forms["formInfo"]["first"].value;
var last = 
document.forms["formInfo"]["last"].value;

var applicantInfo = "My first name is " + first + " My last name is " + last + ".";

document.getElementById("info").innerHTML = applicantInfo;

};
</script>
</head>

<body>
    <div>
    <form id="formInfo" name="formInfo">
        <p>My first name is <input name="first" type="text" id="first" title="first"></p>
        <p> My last name is <input name="last" type="text" id="last" title="last"></p>

        <p><input type="button" value="Send Information" onClick="getInfo()"></p>
    </form>
    </div>
    <div id="info">
    </div>
</body>
</html>
0 голосов
/ 22 марта 2020

Сначала есть две ошибки: onclick с небольшим c, а не onClick. Во-вторых, вам не хватает + после last

<!DOCTYPE html>
<html lang="en">
  <head>
   <meta charset="UTF-8">
   <title>Adoption Form</title>
    <script>
      function getInfo() {
        var first = document.forms["formInfo"]["first"].value;
        var last = document.forms["formInfo"]["last"].value;

        var applicantInfo =
          "My first name is " + first + " My last name is " + last + ".";

        document.getElementById("info").innerHTML = applicantInfo;
      }
    </script>
  </head>
  <body>
    <div>
      <form id="formInfo" name="formInfo">
        <p>
          My first name is
          <input name="first" type="text" id="first" title="first" />
        </p>
        <p>
          My last name is
          <input name="last" type="text" id="last" title="last" />
        </p>

        <p>
          <input type="button" value="Send Information" onclick="getInfo();" />
        </p>
      </form>
    </div>
    <div id="info"></div>
  </body>
</html>
...