JS_RandomBoxSimulator/RandomBoxSimulator.html at main · ProjectEli/JS_RandomBoxSimulator · 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
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
<!--
// Author: ProjectEli(https://projecteli.tistory.com/)
// Date:2022-01-17
// ProjectEli 2022, All rights reserved.
-->
<div class="container">
    <div class="row">
        <div class="col">
            <div class="form-group">
                <label for="probvalue">
                    1뽑당 확률
                    <span class="text-danger">*</span>
                </label>
                <div class="input-group" >
                    <div class="input-group mb-3">
                        <input type="number" id="probvalue" class="form-control" placeholder="확률 %값"
                        value="5.0" min="0" max="100"
                        aria-describedby="basic-addon2" data-bs-toggle="tooltip" data-bs-placement="bottom" title="1회 뽑을 때 나올 확률(0~100%)">
                        <div class="input-group-append">
                            <span class="input-group-text">%</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col">
            <div class="form-group">
                <label for="costper">
                    1뽑 가격
                </label>
                <div class="input-group">
                    <div class="input-group mb-3">
                        <input type="number" id="costper" class="form-control" placeholder="뽑기 가격"
                        value="100" min="0"
                        aria-describedby="basic-addon2" data-bs-toggle="tooltip" data-bs-placement="bottom" title="1회 뽑을 때 드는 비용(0~제한없음)">
                        <div class="input-group-append">
                            <select class="input-group-text dropdown-toggle" id="costperunit" type="button" >
                                <option selected>다이아</option>
                                <option>원</option>
                                <option>골</option>
                                <option>돌</option>
                            </select>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col">
            <div class="form-group">
                <label for="numtrials">
                    뽑기 시도 횟수
                    <span class="text-danger">*</span>
                </label>
                <div class="input-group">
                    <div class="input-group mb-3">
                        <input type="number" id="numtrials" class="form-control" placeholder="10"
                        value="10" min="0" max="50000"
                        aria-describedby="basic-addon2" data-bs-toggle="tooltip" data-bs-placement="bottom" title="뽑고 싶은 횟수(0~10000회)">
                        <div class="input-group-append">
                            <span class="input-group-text">회</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col">
            <div class="form-group">
                <label for="numwant">
                    당첨 횟수 목표
                </label>
                <div class="input-group">
                    <div class="input-group mb-3">
                        <input type="number" id="numwant" class="form-control" placeholder="1"
                        value="1" min="1"
                        aria-describedby="basic-addon2" data-bs-toggle="tooltip" data-bs-placement="bottom" title="원하는 당첨 횟수(뽑기 시도수보다 작아야 함)">
                        <div class="input-group-append">
                            <span class="input-group-text">회</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="item">
        <button type="button" class="btn btn-success btn-lg"
            id="btn-prop-calc">계산!</button>
    </div>

    <div class="item" id="prop-calc-result">
    </div>

    <div class="text-center hidden" id="loader">
        <div class="spinner-grow text-primary" role="status"></div>
        <div class="item">확률 계산 중입니다. 잠시만 기다려주세요.</div>
    </div>

    <div class="text-center">실행시간: </div>
    <div class="text-center" id="elapsedtime"></div>
</div>