2016-08-02 1 views
1

Просто пытайтесь запустить простую функцию при нажатии кнопки «Расчет». Функция не будет работать вообще, когда входы находятся в форме, в конечном счете, я хочу иметь возможность изменять другие входы при нажатии кнопки расчета. Любая помощь, пожалуйста!Помощь JavaScript, выполняющая основную функцию при нажатии кнопки

function calculate() { 
 
    alert("called"); 
 
}
<head> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
 
</head> 
 
<form name="form"> 
 
    Price: 
 
    <input name="priceCAD" value="0"> 
 
    <br> 
 
    <br>Markup: 
 
    <input name="percentage" value="0"> 
 
    <br> 
 
    <br>Fiat: 
 
    <input name="fiat" value="0"> 
 
    <br> 
 
    <br>BTC: 
 
    <input name="btc" value="0" maxlength="11"> 
 
    <br> 
 
    <br> 
 

 
    <input type="button" onClick="calculate()" name="calculate" value="Caculate"> 
 
    <input type="button" name="clear" value="Clear" onClick="form.fiat.value=0, form.btc.value=0, form.markup.value=0"> 
 
</form>

ответ

1

Кнопка HTML просто нужно:

<input type="button" onClick="calculate()" name="calculate" value="Caculate" > 

И не забудьте вставить jquery lib в вашем <head>.

+0

Я оставил document.calculate случайно там. Где я могу вставить jquery lib? Во всех примерах, которые я снимал в Интернете, я не видел этого однажды. – bgmrk

+1

Между '' и ''. Пример:

+0

Сделано изменений и до сих пор ничего. Если я избавлюсь от тегов формы, он вызовет функцию без проблем. Однако с тегами из 2 форм в нем нет доступа к функции. – bgmrk

0

function calculate() { 
 
    alert("called"); 
 
} 
 

 
document.getElementsByName("calculate")[0].addEventListener("click", calculate);
<form name="form"> 
 
    Price: 
 
    <input name="priceCAD" value="0"> 
 
    <br> 
 
    <br>Markup: 
 
    <input name="percentage" value="0"> 
 
    <br> 
 
    <br>Fiat: 
 
    <input name="fiat" value="0"> 
 
    <br> 
 
    <br>BTC: 
 
    <input name="btc" value="0" maxlength="11"> 
 
    <br> 
 
    <br> 
 

 
    <input type="button" name="calculate" value="Caculate"> 
 
    <input type="button" name="clear" value="Clear" onClick="form.fiat.value=0, form.btc.value=0, form.markup.value=0"> 
 
</form>

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