【JavaScript】window.confirmのようなシンプルなモーダルウィンドウを実装する

<!-- モーダルウィンドウ用サンプル1 ここから -->
<button type="button" id="js-button" >サンプル１</button>
<!-- ボタンがクリックされた際に表示される部分、通常は非表示 -->
<div id="js-menu" class="modal_menu">
	<!-- 表示される中身 -->
	<div class="menu__content">
		<p>よろしいですか</p>
		<br>
		<!-- Yes No ボタン -->
		<div class="inButtonSetting">
			<div id="js-yes" class="modal_inButton">はい</div>
			<div id="js-no" class="modal_inButton">いいえ</div>
		</div>
	</div>
</div>
<!-- モーダルウィンドウ用サンプル1 ここまで -->

/* モーダル用サンプル用 CSS start ================== */
/* モーダルウィンドウの表示非表示や表示される位置を制御する */
.modal_menu {
	position: fixed;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	/* モーダルウィンドウ以外の外側部分、どの程度透過するか */
	background-color: rgba(0,0,0,0.5) !important;
	opacity: 0;
	pointer-events: none;
	visibility: hidden;
	/* モーダルウィンドウを表示するまでの時間 0.3秒に指定 */
	transition: all .3s ease;
	transition-property: opacity, pointer-events, visibility;

	/* クリックされた際にウィンドウ表示、非表示の切り替えを行う部分 */
	&.is-show {
		opacity: 1;
		pointer-events: auto;
		visibility: visible;
	}
}

/* ウィンドウ全体のCSS */
.menu__content {
	width: 100%;
	width: 600px;
	padding: 8px 8px 16px;
	background: #dedede;
	text-align: center;
	border-radius: 5px;
}

/* Yes No 2つのボタンを横並べする */
.inButtonSetting {
	display: flex;
	justify-content: center;
}

/* Yes No ボタン自体の装飾 */
.modal_inButton {
	width: 150px;
	padding: 5px !important;
	margin-right: 10px;
	margin-left: 10px;
	border: solid 1px #aaa;
	background: #efefef;
	border-radius: 3px;
}
/* モーダル用サンプル用 CSS end  ================== */

//モーダルウィンドウ表示用
window.addEventListener('DOMContentLoaded', function() {

	let button = document.getElementById('js-button');
	let menu = document.getElementById('js-menu');
	let js_yes = document.getElementById('js-yes');
	let js_no = document.getElementById('js-no');
	
	/* ボタンがクリックされたら、 メニュー表示させる */
	button.addEventListener('click',()=>{
		menu.classList.add('is-show');
		return false;
	});

	/* はい ボタンがクリックされたら、 アラート後画面を閉じる */
	js_yes.addEventListener('click',()=>{
		alert("「はい」がクリックされました");
		menu.classList.remove('is-show');
		return false;
	});
	
	/* いいえ ボタンを押したら メニューを閉じる */
	js_no.addEventListener('click', (event) => {
		menu.classList.remove('is-show');
		return false;
	});
});