a_hundred_horror/menu_ban.php at master · kichis/a_hundred_horror · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
<!DOCTYPE html>
<html lang="ja">
<body>
    <nav class="navbar navbar-expand-lg d-flex">
        <a href="home.php" class="navbar-brand m-3 mr-5"><h1>あなたと百物語</h1></a>

         <div id="account_area" class="order-lg-2 ml-auto mr-2">
                <p class="mb-1 pr-2 ">おや、<?= $_SESSION["user_name"]?>さん</p>
                <button class="btn text-secondary font_sawarabi d-flex mr-2 ml-auto" onclick="scaringUser()">去る<i class="fas fa-door-open fa-lg"></i></button>
        </div>

        <button class="navbar-toggler bg-danger" type="button" data-toggle="collapse" data-target="#navbarToggler" aria-controls="navbarToggler" aria-expanded="false" aria-label="Toggle navigation">
            <!-- <span class="navbar-toggler-icon small">menu</span> -->
            menu
        </button>

        <div id="navbarToggler" class="collapse navbar-collapse order-lg-1">
            <ul class="navbar-nav">
                <li class="nav-item">
                    <button class="btn btn-md ml-4 ml-lg-5 m-4" onclick="alert('う')">わ</button>
                </li>
                <li class="nav-item">
                    <button class="btn btn-md m-4" onclick="alert('し')">る</button>
                </li>
                <li class="nav-item">
                    <button class="btn btn-md m-4" onclick="alert('ろ')">い</button>
                </li>
                <li class="nav-item">
                    <button class="btn btn-md m-4" onclick="alert('に')">こ</button>
                </li>
                <li class="nav-item">
                    <button class="btn btn-md m-4" onclick="alert('い')">だ</button>
                </li>
                <li class="nav-item">
                    <button class="btn btn-md m-4" onclick="alert('る')">れ</button>
                </li>
                <li class="nav-item">
                    <button class="btn btn-md m-4" onclick="alert('よ')">だ</button>
                </li>
            </ul>
        </div>
    </nav>

<script>
    function scaringUser(){
        alert("きみだ")
        let target = document.querySelector("body")
        target.innerHTML = ""
        var ele = document.documentElement;
        ele.requestFullscreen();
        // HACK: setTimeoutを重ねるのはあまり良い実装ではなさそうだが、他に手段を思い付かず。更に回数が多い場合は繰り返し処理にした方がよい？
        window.setTimeout(function(){
            target.classList.add('scaring')

            window.setTimeout(function(){
                target.classList.remove('scaring')
                var music = new Audio('sound/不気味な笑い声.mp3');
                music.play();

                window.setTimeout(function(){
                document.exitFullscreen()
                location.href = 'logout.php'
                }, 2000);

            }, 1200);

        }, 2000);
    }
</script>

</body>
</html>