Невозможно получить ввод формы в переменную Javascript

Я новичок в Javascript ... и я не могу получить от ввода переменной js, я ссылался на вопросы, заданные здесь, прежде чем я не смог получить информацию. Мой код выглядит следующим образом: -Невозможно получить ввод формы в переменную Javascript

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <title>JS </title> 
<body> 

    <form> 
    <input type="text" id="amount" placeholder="Amount"> 
    <button type="button" onclick="calc()">Submit</button> 
    </form> 

    <h1 id="TotalAmout"></h1> 
    <script> 
     function calc() { 
    var amt = document.getElementById("amount").value; 

    document.getElementById("TotalAmount").innerHTML = amt; 
    } 
    </script> 
</body> 
</html>

источник

2015-12-31 xxsoxx

Существует опечатка. Это проблема? '

' говорит amout вместо суммы. – Marnix

typo есть, и еще одна проблема заключается в том, что calc определяется после вызова 'onclick'. Определить сценарий в 'head' –

Спасибо вам большое, что сработало! Я пытаюсь построить калькулятор для расчета общей суммы с процентной ставкой ...., я продолжу строительство. Спасибо огромное! @Marnix – xxsoxx

Опечатка в H1 TotalAmout должна быть TotalAmount

Calc должны быть определены перед вызовом. Fiddle

<head> 
    function calc() { 
    var amt = document.getElementById("amount").value; 
    document.getElementById("TotalAmount").innerHTML = amt; 
    } 
</head> 
<body> 
    <form> 
    <input type="text" id="amount" placeholder="Amount"> 
    <button type="button" onclick="javascript:calc()">Submit</button> 
    </form> 
<h1 id="TotalAmount"></h1> 
</body>

источник

2015-12-31 13:11:33

У вас есть опечатка в вашем идентификаторе H1. Вероятно, он должен соответствовать TotalAmount в вашем javascript.

источник

2015-12-31 13:10:20 MueR

<form> 
<input type="text" id="amount" placeholder="Amount"> 
<button type="button" onclick="calc();return false">Submit</button> 
</form> 

<h1 id="TotalAmout"></h1> 
<script> 
    function calc() { 
var amt = $("#amount").val(); 

$("TotalAmount").html(amt); 
} 
</script>

источник

2015-12-31 13:12:09 vinoth12594

Является ли это JQuery или Javascript? – xxsoxx

две вещи:

опечатка в "TotalAmout" и "TotalAmount" нуждается
функция определяется перед вызовом его

см. здесь: https://jsfiddle.net/zLguL6fu/:

<form> 
    <input type="text" id="amount" placeholder="Amount"> 
    <button type="button" onclick="calc(); return false;">Submit</button> 
</form> 
<h1 id="TotalAmount"></h1> 

function calc() { 
    var amt = document.getElementById("amount").value; 

    document.getElementById("TotalAmount").innerHTML = amt; 
}

источник

2015-12-31 13:13:39

Почему вы используете return false sorry Я новичок, поэтому просто нужно знать ... – xxsoxx

Предотвращение формы для выполнения. Не нужно здесь, так как нет атрибута метода, но в любом случае ... –

Большое вам спасибо – xxsoxx

используйте этот код.

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <title>JS </title> 
    <script src="//code.jquery.com/jquery-1.11.3.min.js"></script> 
</head> 
<body> 

    <form> 
    <input type="text" id="amount" placeholder="Amount"> 
    <button type="button" onclick="calc()">Submit</button> 
    </form> 

    <h1 id="TotalAmout"></h1> 
    <script> 
     function calc() { 
      var amt = $("#amount").val(); 
      $("#TotalAmout").html(amt); 
     } 
    </script> 
</body> 
</html>

и вы также необходимо добавить Jquery JS в голову

источник

2015-12-31 13:16:59

Невозможно получить ввод формы в переменную Javascript

ответ

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