videoタグで貼り付けた動画で再生終了後にDIVボックスの内容を表示したい

Question

前提・実現したいこと

全くの初心者ですが、ネットで調べながら動画を再生できるページを作っています。
設置から再生まではできました。
動画の再生終了後にDIVボックスの内容を表示したいと思っています。

発生している問題・エラーメッセージ

動画の再生時間を取得して再生終了後にalertを出すことはできたのですが、
DIVボックスの出し方がわかりません。

該当のソースコード

<div class="video-wrap">
    <video controls poster="○○/○○.jpg" id="video">
      <source src="○○/○○.mp4" type="video/mp4"/>
      <img src="○○/○○.jpg" />
    </video>
    <div class="video-btn" id="video-btn"></div>

var video = document.getElementById('video');
  var video_btn = document.getElementById('video-btn');
  var btn_status = 0;
video_btn.addEventListener('click', function () {
  if(btn_status === 0) {
     video.play();
     btn_status = 1;
}else {
      video.pause();
      btn_status = 0;
    }
  });

$(function() {
    var video = document.getElementById('video');
        video.addEventListener("ended", function() {
        (window.alert("再生が終了しました。")==true)
		location.href = "http://○○○○";
    });
});

試したこと

以下のalertを表示する部分をどうにか変更すればできそうかと思いましたが、調べてもなかなか出てきませんでした。

        window.alert("再生が終了しました。")==true)
		

詳しい方、ご回答いただけないでしょうか？
よろしくお願いいたします。

Answer 1

普通にalertの次の行に書いたら動くと思うのですが。

$(function() {
    var video = document.getElementById('video');
        video.addEventListener("ended", function() {
            alert("再生が終了しました。");
            // ここにやりたいことを書いてください。例えば
            // $('.box').show(); など？
    });
});

Comments

[trims]

回答ありがとうございました。
とても参考になりました。