-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathpercentage.html
More file actions
163 lines (135 loc) · 6.22 KB
/
Copy pathpercentage.html
File metadata and controls
163 lines (135 loc) · 6.22 KB
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
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
<!DOCTYPE html>
<html lang="ko" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="author:" content="Hueeng">
<meta name="keywords:" content="가챠 확률계산기">
<meta name="twitter:" content="가챠 확률계산기">
<meta name="google-site-verification" content="W5clWZwJhP4iOYzAb3DmRfKW0ei6GqPLjZfTEJpbrYg" />
<!-- sns share -->
<meta property="og:url" content="">
<meta property="og:title" content="가챠 확률계산기">
<meta property="og:type" content="website">
<meta property="og:image" content="img/share.png">
<meta property="og:description" content="가챠 확률계산기">
<!--favicon-->
<link rel="shortcut icon" href="./img/favicon.ico">
<link rel="apple-touch-icon-precomposed" href="./img/favicon.ico">
<title>확률 계산기</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Jua&display=swap" rel="stylesheet">
<link rel="stylesheet" href="./css/main.css">
<link rel="stylesheet" href="./css/default.css">
<link rel="stylesheet" href="./css/menu.css">
<link rel="stylesheet" href="./css/percentage.css">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container-fluid">
<a class="navbar-brand" href="./index.html">Hueeng</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="./community.html">제작요청 & 건의사항</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://github.com/Lee-hyeonu/desktop-tutorial/tree/main/%ED%9B%84%EC%97%A5%20%EC%82%AC%EC%9D%B4%ED%8A%B8">Github(페이지 자료 모두 공개)</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-bs-toggle="dropdown" aria-expanded="false">
내가 만든것들
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<li><a class="dropdown-item" href="./calculator.html">자바스크립트 계산기</a></li>
<li><a class="dropdown-item" href="./lotto.html">로또 번호 추첨기</a></li>
<li><a class="dropdown-item" href="./percentage.html">확률계산기</a></li>
<li><a class="dropdown-item" href="./cooki.html">쿠키런 킹덤 가챠 해보기</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
<section id="main" class="mx-auto mt-5 py-5 px-3">
<div class="top">
<h1>가챠 확률 계산기</h1>
</div>
<div class="middle">
<table class="mx-auto">
<thead>
<tr>
<td>확률</td>
<td>시도 횟수</td>
</tr>
</thead>
<tbody>
<tr>
<td>
<div class="input-group">
<input type="text" class="form-control" id="percent" aria-label="Dollar amount (with dot and two decimal places)">
<div class="input-group-append">
<span class="input-group-text">%</span>
</div>
</td>
<td>
<div class="input-group">
<input type="text" class="form-control" id="attempts" aria-label="Dollar amount (with dot and two decimal places)">
<div class="input-group-append">
<span class="input-group-text">회</span>
</div>
</td>
</tr>
<tr>
<td colspan="2">1회 가챠 비용을 적어주세요</td>
</tr>
<tr>
<td colspan="2">
<div class="input-group">
<input type="text" class="form-control" id="krw" aria-label="Dollar amount (with dot and two decimal places)">
<div class="input-group-append">
<span class="input-group-text">₩</span>
</div>
</div>
</td>
</tr>
</tbody>
</table>
<button type="button" class="btn btn-light mt-3" onclick="begin()">계산하기</button>
</div>
<div class="bottom">
<div class="mt-5">
<p>한번이상 나올 확률 </p>
<div class="resultpercent1 mx-auto my-0 ">
<div class="resultpercent">
<p class="result my-auto"></p>
</div>
</div>
</div>
<div class="mt-5">
<p>한번도 안나올 확률</p>
<div class="result_1 mx-auto ">
<div class="result_2">
<p class="result_3 my-auto"></p>
</div>
</div>
</div>
<div class="qna mx-auto mt-5 py-5 px-3">
<p class="money"> 공부겸용으로 만들다 보니 투박할 수 있습니다. 참고로 무료입니다.</p><br><br>
<p class="money_1"> 간단 계산을 원하시는 게임이 있으시면 저에게 메일 주세요 </p><br><br>
<p class="money_2">다만 게임사의 확률공개가 된 파일과 함께주셔야 제작가능합니다.</p><br><br>
<p>가챠 확률은 독립시행으로 계산이 됩니다.</p><br>
<p>x = 확률, y = 횟수 라고 하였을때</p><br>
<p>1 - x ^ y = 한개이상 나올 확률이 됩니다.</p>
</div>
</div>
</section>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
<script src="./js/percentage.js" charset="utf-8"></script>
</body>
</html>