javascript-将js确认替换为html对话框黑框

我正在尝试为与变量一起使用的 html 对话框编写 js 代码，因此它是可重用的，并且每次创建对话框时我都不必编写相同的冗余代码。如果用户单击“OK”则 foo = true，如果用户单击“CANCEL”则 foo = false。我想根据 foo 是真还是假来为 js 变量（“run_me_true”）和另一个变量（“run_me_false”）分配一个函数名。然后运行包含在“run_me”变量中的函数。

function IT_true () {alert ("this is true");}
function IT_false () {alert ("this is false");}

// MAIN FUNCTION
function clear_data() { foo = false;
glass = 'ERASE the current player list?';
document.getElementById('show_confirm').innerHTML = glass;
var run_me_true = window['IT_true'];
var run_me_false = window['IT_false'];
openCONFIRM();}

// OPEN AND CLOSE DIALOG

function openCONFIRM() { 
 var dialogCONFIRM_O = document.getElementById("confirm_me");
  dialogCONFIRM_O.showModal();
 }

 function closeCONFIRM() {
 var dialogCONFIRM_C = document.getElementById("confirm_me");
 dialogCONFIRM_C.close();
 }

<!-- CONFIRM DIALOG -->
<div>
<dialog id="confirm_me">
<h3 id = "show_confirm"></h3>

 <button onclick = "window[run_me_true]();" >OK</button>
 <button onclick= "window[run_me_false]();" >CANCEL</button>
    
</dialog></div>
<!-- END CONFIRM DIALOG-->