Основы JavaScript для школы

Я буквально полный новичок, когда дело доходит до JS, и Ive получил вопрос из школы, о котором я не могу понять. Я немного поработал, но буду очень благодарен за некоторые советы/помощь, поскольку я полностью застрял!
Похоже на то, что:
Извлеките веб-страницу с помощью HTML5, которая просит пользователя ввести свой год рождения и текущий год.
Когда пользователь нажимает на кнопку, функция JS вызывается
Функция должна принимать пользовательские входные данные в качестве параметров и рассчитать возможный возраст
Если пользователь вводит недействительны, сообщение об ошибке должно отображаться на экране (убежище I ! «т даже получил это далеко)
Моя попытка до сих пор выглядит следующим образом:

Основы JavaScript для школы

<head> 


</head> 

<body> 

    <script type="text/javascript"> 
     function calculateAge() 
    { 
     var birthyear= document.form.text.birthyear.value; 
     var currentyear= document.form.text.currentyear.value; 
     var sum= birthyear - currentyear; 


     document.write=("<button onclick="calculateAge()">Calculate Age"You are either " + sum " or " + sum + 1)</button> 

    } 

    </script> 


     <form> 
      Birth Year 
      <input type="text" name="birthyear"> 
      <br> <br> 
      Current Year 
      <input type="text" name="currentyear"> 
      <br><br> 
      <button onclick="calculateAge()">Calculate Age</button> 
     </form> 



</body>

Любая помощь была бы ДЕЙСТВИТЕЛЬНО apppreciated, я думаю, как только я увижу код, написанный правильно для вопросов, которые заданы им, будет очень помогать в моем понимании вещей ... Cheers.

источник

2016-01-31 MarkoD

Пожалуйста, попробуйте этот.

<head> 

<script type="text/javascript"> 
    function calculateAge() 
    { 
     var birthyear= document.myform.birthyear.value; 
     var currentyear= document.myform.currentyear.value; 
     var sum= birthyear - currentyear; 


     document.write("Calculate Age=You are either " + sum +" or " + (sum + 1)); 

    } 

    </script> 

</head> 

<body> 



     <form name="myform"> 
      Birth Year 
      <input type="text" name="birthyear"> 
      <br> <br> 
      Current Year 
      <input type="text" name="currentyear"> 
      <br><br> 
      <input type="button" onclick="calculateAge()" value="Calculate Age"/> 
     </form> 



</body>

источник

2016-01-31 19:04:25

Это, кажется, именно это спариванию, спасибо так много! Я собираюсь сравнить то, что я написал, и посмотреть, что я делаю неправильно. Еще раз спасибо – MarkoD

@MarkoD в приведенном выше коде, форма получила имя атрибута. используя то, что ввод извлекается, то есть разница в его и урском коде –

Вот пример

https://jsfiddle.net/a68dc1pk/

function calculateAge() { 
    //alert(document.getElementById("birthyear").value); 
    var birthyear= document.getElementById("birthyear").value 
    var currentyear= document.getElementById("currentyear").value 
    var sum= currentyear - birthyear; 
    alert(sum); 
}

Удалить вашу форму тег

Birth Year 
     <input type="text" id = "birthyear" value="1990" name="birthyear"> 
     <br> <br> 
     Current Year 
     <input type="text" value="2015" id = "currentyear" name="currentyear"> 
     <br><br> 
     <button onclick="calculateAge()">Calculate Age</button>

источник

2016-01-31 19:07:33

Спасибо за мельницу за полезный совет Нидхина. – MarkoD

@MarkoD рад, что я мог бы помочь :), если возможно, переверните два ответа –

Кажется, что надстройка вступает в силу, как только я достиг уровня 15 репутации, но будьте уверены, что когда это произойдет. – MarkoD

Основы JavaScript для школы

ответ

Смежные вопросы