d3v4 on changeイベントリアルタイムバインディングデータ

Question

range.value変更時に入力範囲値をテキストにバインドしたい。

私の簡単な関数：

function change() { 
    var para = document.getElementById("#cValue");      
    var node = document.createTextNode(cValue); 
    cValue = sliderValue; 
    para.appendChild(node); 
    console.log("sliderValue:" + cValue); 
} 

JSFiddle。

Answer 1

まず、DOMオブジェクトをidで参照するときは、#を使用しないでください。 d3を使用している場合は#を使用しても問題ありませんが、documentを使用している場合は同じことを適用できません。

第2に、誤ってスライダ値の変更方法を誤って呼び出していました。

第3に、段落の値を変更する代わりに、テキストオブジェクトを追加しようとしていました。

フィドルが更新され、動作しています。あなたはここにそれを見つけることができます： https://jsfiddle.net/L8d1sLu4/