ボタンのクリックで基本機能を実行するJavaScriptヘルプ

ボタン "計算"が押されたときに単純な関数を実行しようとしています。入力がフォームに入っているときに関数がまったく実行されない場合、最終的に計算ボタンが押されたときに他の入力を変更できるようにしたいと考えています。どんな助けでも助けてください！ボタンのクリックで基本機能を実行する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>

出典

2016-08-02 bgmrk

ボタンのHTMLだけでそれを必要とする：

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

そして、あなたの<head>でjquery libを挿入忘れないでください。

出典

2016-08-02 01:08:14

私はそこに偶然document.calculateを残しました。 jquery libはどこに挿入すればよいですか？私が一度も見たことのない、すべての例で私はオンラインで行ってきました。 – bgmrk

「」と「」の間です。このように： –

まだ変更はありません。私がフォームタグを取り除くと、それは機能上問題なく呼び出されます。しかし、2つのフォームタグでは、関数には到達しません。 – bgmrk

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>

出典

2016-08-02 01:15:59 Ayan

ボタンのクリックで基本機能を実行するJavaScriptヘルプ

答えて

関連する問題