-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
93 lines (79 loc) · 4.29 KB
/
index.html
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
<!DOCTYPE html>
<html dir="rtl">
<head>
<script src="functions.js"></script>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link rel="stylesheet" href="./index.css">
<title>محاسبه‌گر ارزش واقعی پول امروز</title>
</head>
<body>
<div class="container pt-5 d-flex justify-content-center align-items-center flex-column">
<div class="d-flex justify-content-between align-items-center">
<div class="pt-3 col-3">
<h3>چطور کار میکنه؟</h3>
<p>
آرشیو ما از 1391/12/17 وجود داره.
</p>
<p>
ما به زمان گذشته سفر می‌کنیم و با پولی که به ما دادی «سکه‌ی بهار آزادی» می‌خریم. بعد دوباره به زمان
حال
برمی‌گردیم و سکه‌ها رو می‌فروشیم و پولی که به دست اومده رو به شما نشون می‌دیم.
</p>
</div>
<div x-data="{ data: fetchData() ,
calcResult : '',
rawData : '',
userInputRial : '',
userInputDay : '' ,
userInputMonth : '' ,
userInputYear : '' ,
lastUsdValue : '',
usdValueOnDate: ''}">
<h1 class="">پول واقعی</h1>
<p class="">مبلغ را به تومان و تاریخ را به شمسی وارد کنید</p>
<input type="number" x-model="userInputRial" placeholder="مبلغ به تومان">
<br>
<div class="d-flex justify-content-center align-items-center mt-3">
<input type="number" min="01" max="31" x-model="userInputDay" placeholder="روز" class="ms-2">
<input type="number" min="01" max="12" x-model="userInputMonth" placeholder="ماه" class="ms-2">
<input type="number" min="1391" x-model="userInputYear" placeholder="سال" class="ms-2">
<button
x-on:click="calcResult = calculateSum(userInputRial, userInputYear, userInputMonth, userInputDay)"
class="btn btn-primary d-flex justify-content-center align-items-center"
style="width: 100px; height: 30px;">
محاسبه
</button>
</div>
<p class="mt-3">آخرین قیمت سکه بهار آزادی: <span type="number" x-text="calcResult.lastUsdValue"
class="text-primary ms-2"></span></p>
<p>قیمت سکه بهار آزادی در تاریخی که وارد شده: <span type="number" x-text="calcResult.usdValueOnDate"
class="text-primary"></span>
</p>
<p>ارزش مبلغ وارد شده در امروز: <span x-text="calcResult.value" class="text-danger"
type="number"></span>
</p>
</div>
</div>
</div>
<div class="navbar navbar-default navbar-fixed-bottom">
<div class="container">
<a href="https://github.com/SajadJalilian/RealMoney" target="_blank" rel="noopener noreferrer">github</a>
<a href="/RealMoney/Data.html" target="_self" rel="noopener noreferrer">
مشاهده تمام دیتا
</a>
</div>
</div>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'G-VL6DSZLQG3');
</script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
crossorigin="anonymous"></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-VL6DSZLQG3"></script>
<script src="https://unpkg.com/[email protected]/dist/cdn.min.js" defer></script>
</body>
</html>