Начинаю изучать js, нужна помощь в считывании данных из формы

[Screemt]

Здравствуйте!
Я только начинаю изучать язык, еще не совсем разбираюсь, так что не судите строго
Подскажите, пожалуйста, что не так в данном коде? Нужно считать десятичное число NP. Кнопка "0-(10+NP)" присваивает переменной max_value значение NP+10 (я записала это значение в новую переменную NP2.)

<FORM NAME=test>
<TABLE BORDER=0><TR>
<TD><INPUT id="NP" TYPE=text VALUE="input NP" pattern="[0-9]{,3}" size=5></TD>
<TD><INPUT NAME=i10NP TYPE=button VALUE="0-(10+NP)" onClick="max_value=NP2"></TD>
</TR>
</TABLE>
</FORM>

<SCRIPT LANGUAGE="JavaScript">
var max_value;
var NP1=document.getElementById("NP").value;
var NP2=10+NP1;
</SCRIPT>

[Momon]

Объясни что тебе надо. У тебя строка в значении поля, с ней невозможны математические операции.

[Safort]

Прочитайте про функцию parseInt().

[Deff]

Ну как вариант сразу в цифре:

<INPUT id="NP" TYPE=number min="0" max="9" step="3" value=3 oninput="document.getElementById('NP2').value=this.value">
<br>
<br>
<INPUT id="NP2" TYPE=range min="0" max="9" step="3" value=3 oninput="document.getElementById('NP').value=this.value">