javascriptのonchange関数から動的に変化する値を取得する方法は？

Question

私は<input type="text" id="changeText" onchange="changeFct()">です。私はonchange関数の外でテキストを取得する必要があります。

これは私のjavascriptです：

function changeFct(){ 
    var getText = document.getElementById("changeText").value; 
    return getText; 
} 

var getTextFromOutside = changeFct(); 
console.log("from outside >>>> ", getTextFromOutside); 

だから私はのonchange関数の外から動的に変更を取得する必要があります。

編集 アイデアが

（このインタフェースは、いくつかの色、フォントサイズなどを持つために、入力が含まれている）Webインタフェースを使用してCSSファイルに記述することです私は解凍するJSzipを使用していますすべてのCSSファイルを含むフォルダこの部分は動作します。

私のhtml入力がfont-sizeを尋ねるのに使うとします。たとえば、リスナーを使用して値を取得する必要があります。

問題は、私は3つのcssファイルを1つずつ変更する必要があるため、この値を約束する必要があることです。約束を使っています。

Answer 1

changeFctは、入力テキストの値がchangedの場合にのみ呼び出されるため、このコードは機能しません。これが出力に定義されていない理由です。あなたはこの値で欲しいものは何でも行うことができます。ここ

function changeFct(value){ 
    Promise.resolve(value).then(function(val){ 
    console.log(value); 
    }); 
} 

document.getElementById('changeText').addEventListener('change', function(){ 
    changeFct(this.value); 
}, false); 

、代わりのwindowオブジェクトを汚染しますグローバル変数を宣言：代わりの要素でonchangeイベントを追加し、代わりに使う機能addEventListenerの

。

Answer 2

使用グローバルvaribleが、後のonchangeこれを使用する：

var getText = ''; //Declare variable outside 
    function changeFct(){ 
     getText = document.getElementById("changeText").value; 
    } 

しかし、再びをあなたがのonchange関数の後に実行statemnetを必要とします。

otherFunc(){ 
console.log("from outside >>>> ", getText); 
}