2017-08-22 3 views
2

1)取得し、2)ボタンをクリックするとオドメーターの現在の値を出力しますか?それを行うスニペットはJavaScriptの一番下にありますが、動作しません。ボタンをクリックして走行距離計の現在値を取得して出力する方法は?

マイコード:オドメーターのhttps://jsfiddle.net/aht87opr/8/

ドキュメントが便利になるかもしれません: http://brock-family.org/gavin/software/web/odometer.htmlを(それが言うところ、 "走行距離計から現在の値を取得する:ヴァル= myOdometer->を取得();")

//My attempt to output the current value from the odometer: 
$('button').click(function() { 
    n = myOdometer.get(); 
    return n; 
}); 
+0

は、既知の要素、フォームフィールド、またはグローバルのようなものに価値を押してみてください、またはサーバーに値を投稿する、のdiv#値にそれを表示するには

。 – Les

答えて

4

myOdometer.get()を使用すると、探している番号が表示されます。

あなたは以下を使用することができます#value要素内に値を入れたい場合:ここで

$('button').click(function() { 
    var mefedron = myOdometer.get(); 
    $('#value').text(mefedron); 
}); 

はあなたのjsfiddleで修正です:
https://jsfiddle.net/aht87opr/14/

+0

素晴らしい!ありがとうございます:) –

+0

私にそれを打つ! –

+0

@ KazekageGaaraほぼ同じ時間に:)あなたは私の投票があるでしょう – Dekel

2

ここで作業フィドルだ - https://jsfiddle.net/6abu3ruf/

あなたが共有しているフィドルには2つの問題があります:

  1. mefedron.val();mefedronには、探している値があります。
  2. この値はどこにも設定されていません。

だから、基本的には、ちょうどにあなたのonclickを変更:ちょうど次を使用して、ボタンのイベントハンドラを更新

$('button').click(function() { 
    var mefedron = myOdometer.get(n); 
    $("#value").text(mefedron); 
}); 
+0

@ KazekageGaara - >もう1つ....私は、ブラウザのクッキーがその番号を覚えておいて、ユーザーがサイトを訪問するたびに、ユーザーがサイトを出たときに停止した値でオドメーターを再開します。簡単か、難しいですか?私はjavascriptの忍者ではなく、初心者はまだ勉強していない –

1

:ここ

$('button').click(function() { 
    var mefedron = myOdometer.get(n); 
     mefedron= Math.round(mefedron * 100)/100 
     $("#value").text(mefedron) 


    }); 

はjsFiddle上でホストされているコードの作業バージョンですjsFiddle

+0

このコードを実行しましたか? – Dekel

+0

はい私はコードを実行しました – dawit

+0

そして、あなたは 'mefedron.val()'にエラーを出さなかったのですか?ここで他の答えをチェックしましたか? – Dekel

0

私はあなたのコードとconfirm(Math.floor(mefedron*10));作品を試しました。あなただけのボタンのクリックイベントに、その後、走行距離計を返すようにしたい場合は

$('button').click(function() { 
     var mefedron = myOdometer.get(n); 
     confirm(Math.floor(mefedron*10)); // it works 
     function number() { 
     return mefedron.val(); 
     } 
     number(); 

    }); 

ので、ちょうどMath.floor(mefedron*10)を返します。 $("div#value").html(Math.floor(mefedron*10));

関連する問題