ボタンのクリックで関数を呼び出すことができませんJavaScriptのhtml

私は以下のコードを持っています。ボタンのクリックで関数を呼び出す必要があります。これらの関数を呼び出すことはまったくではありません。以下のコードで何が間違っていますか。ボタンのクリックで関数を呼び出すことができませんJavaScriptのhtml

<!DOCTYPE html> 
<html> 
<body> 

<input type="button" value="Copy Parent Text" id="CopyParent" onclick="getRate("SEK", "USD")"> 
<input type="button" value="Copy Child Text" id="CopyChild" onclick="getRate("USD", "SEK")"> 


<script type="text/javascript"> 

    function getRate(from, to) { 
    alert("1"); 
    var script = document.createElement('script'); 
    script.setAttribute('src', "http://query.yahooapis.com/v1/public/yql?q=select%20rate%2Cname%20from%20csv%20where%20url%3D'http%3A%2F%2Fdownload.finance.yahoo.com%2Fd%2Fquotes%3Fs%3D"+from+to+"%253DX%26f%3Dl1n'%20and%20columns%3D'rate%2Cname'&format=json&callback=parseExchangeRate"); 
    document.body.appendChild(script); 
    } 

    function parseExchangeRate(data) { 
    var name = data.query.results.row.name; 
    var rate = parseFloat(data.query.results.row.rate, 10); 
    alert("Exchange rate " + name + " is " + rate); 
    } 

</script> 

</body> 
</html>

私にこれを手伝ってください。

出典

2017-01-06 daisy

単純なミス "getRate（ 'SEK'、 'USD'）" と "getRate（ 'USD'、 'SEK'）"

<!DOCTYPE html> 
 
<html> 
 
<body> 
 

 
<input type="button" value="Copy Parent Text" id="CopyParent" onclick="getRate('SEK', 'USD')"> 
 
<input type="button" value="Copy Child Text" id="CopyChild" onclick="getRate('USD', 'SEK')"> 
 

 

 
<script type="text/javascript"> 
 

 
    function getRate(from, to) { 
 
    alert("1"); 
 
    var script = document.createElement('script'); 
 
    script.setAttribute('src', "http://query.yahooapis.com/v1/public/yql?q=select%20rate%2Cname%20from%20csv%20where%20url%3D'http%3A%2F%2Fdownload.finance.yahoo.com%2Fd%2Fquotes%3Fs%3D"+from+to+"%253DX%26f%3Dl1n'%20and%20columns%3D'rate%2Cname'&format=json&callback=parseExchangeRate"); 
 
    document.body.appendChild(script); 
 
    } 
 

 
    function parseExchangeRate(data) { 
 
    var name = data.query.results.row.name; 
 
    var rate = parseFloat(data.query.results.row.rate, 10); 
 
    alert("Exchange rate " + name + " is " + rate); 
 
    } 
 

 
</script> 
 

 
</body> 
 
</html>

出典

2017-01-06 11:52:48

を使用している場合、Uは、パラメータのための単一引用符を指定する必要がどのように指摘について何とエラーは、代わりにしても関係のないコードの一部が含まれるだけで大きなコードダンプのですエラー？ OPは何が変更されたかを見るためにすべてを比較しなければならないでしょう。説明を追加するのに10秒かかります。 – ADyson

@Nishant Sainiありがとうございます。私はあなたがこの投稿に答える最初の人だったので、yuorの答えを選びます。 – daisy

@デイジーありがとう.. –

ダブルquotをダブル内に追加しましたquote"getRate("USD", "SEK")"ちょうどあなたが以下のようなHTMLに変更：

<input type="button" value="Copy Parent Text" id="CopyParent" onclick='getRate("SEK", "USD")'> 
<input type="button" value="Copy Child Text" id="CopyChild" onclick='getRate("USD", "SEK")'>

出典

2017-01-06 11:52:03

二重引用符で囲んでいるため、構文エラーが発生しました。ボタンをクリックしたときにブラウザのコンソールを見ると、エラーが表示されます。

あなたはそれを解決するために、このようなHTMLを変更することができます。

<input type="button" value="Copy Parent Text" id="CopyParent" onclick="getRate('SEK', 'USD')"> 
<input type="button" value="Copy Child Text" id="CopyChild" onclick="getRate('USD', 'SEK')">

出典

2017-01-06 11:53:07 ADyson

これらの人はrep diggersと呼ばれています。一日中座って、JSで変数を宣言するような些細な質問のためにキャンプするだけです。悲しいが本当。 –

はonclickの機能を使用してのマニュアルを参照してください。 uはonclickの

<input type="button" value="Copy Parent Text" id="CopyParent" onclick="getRate('SEK', 'USD')"> 
<input type="button" value="Copy Child Text" id="CopyChild" onclick="getRate('USD', 'SEK')">

出典

2017-01-06 11:59:53

ボタンのクリックで関数を呼び出すことができませんJavaScriptのhtml

答えて

関連する問題