カスタムポップアップからの入力を返す

Question

私は現在、カスタムモーダルポップアップエンティティを作成中です。ユーザーからテキスト値が必要なときは、HTML要素を表示させてから、「Enter」ボタンを押したときにテキストフィールドに入力する値を取得する必要があります。

問題は、私がやろうとしていることは簡単な実装がないようです。私はそれがPromisesなしでは可能ではないと考えており、これまでのすべての試みはうまくいきませんでした。可能なソリューションに関するアイデアはありますか？

Answer 1

私はそれを自分で得ることができました。私は約束がコードの終わりに達したときに何とか終了すると仮定していましたが、これは真実ではありません。したがって、ボタンのonclickを解決する唯一の可能性を持ってonclickを設定すると、ボタンが押されるのを待ちます。以下のコードサンプルを参照してください。

var modalPopup() = function() { 
    //Display the popup 
    document.getElementById("GeneralModalBackground").style.display = "flex"; 

    return new Promise(function(resolve, reject) { 
    document.getElementById("GeneralSubmitButton").onclick = function() { 
     //when clicked, resolve the promise with the inputted value 
     let returnVal = document.getElementById("GeneralTextField").value; 
     resolve(returnVal); 
    } 
    }); 
} 

modalPopup().then(function(textNeeded) { 
    //do stuff I need to do 
});