calculator/index.html at main · GAGstock/calculator · 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
<!DOCTYPE html>
<html lang="en">

<head>
    <!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-N4MHB238VL"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-N4MHB238VL');
</script>

    <meta charset="UTF-8" />
    <title>Grow a Garden Value Calculator</title>
    <link rel="stylesheet" href="style.css" />
    <link rel="stylesheet" href="css/fruits.css" />
    <link rel="stylesheet" href="css/timers.css" />
</head>

<body>
    <h1>Grow a Garden Value Calculator</h1>
    <h2>Created by nvd123YT</h2>
    <h3>Click show past events for unobtainable crops!</h3>
    <h4>AncientAmber and OldAmber are slighty off due to a glitch where they conflicted with gold and rainbow. Sorry about that</h4>

    <div id="sliderContainer">
        <div id="contentWrapper">
            <section id="fruitSection">
                <input type="text" id="searchInput" placeholder="Search fruits..." />
                <div id="filters">
                    <label><input type="checkbox" class="rarity-filter" value="common"> Common</label>
                    <label><input type="checkbox" class="rarity-filter" value="uncommon"> Uncommon</label>
                    <label><input type="checkbox" class="rarity-filter" value="rare"> Rare</label>
                    <label><input type="checkbox" class="rarity-filter" value="legendary"> Legendary</label>
                    <label><input type="checkbox" class="rarity-filter" value="mythical"> Mythical</label>
                    <label><input type="checkbox" class="rarity-filter" value="divine"> Divine</label>
                    <label><input type="checkbox" class="rarity-filter" value="prismatic"> Prismatic</label>
                    <label>
                        <input type="checkbox" id="showUnobtainable">
                        Show Past Events
                    </label>
                </div>

                <div id="fruitGrid"></div>

                <div id="calculator">
                    <h2 id="selectedFruitName" style="margin-bottom: 10px; text-align: center;"></h2>
                    <label>Weight (kg):
                        <input type="number" id="weightInput" placeholder="1.00">
                    </label>
                    <label for="friendBonus">Friend Bonus:</label>
                    <span id="friendBonusValue">0%</span>
                    <input type="range" id="friendBonus" min="0" max="5" value="0">
                    <br><br>
                    <label>Mutations:</label>
                    <div id="mutationsGrid"></div>
                    <p id="result">Estimated Value: $0.00</p>
                </div>
            </section>

            <section id="timersSection" class="hidden">
                <div id="activeTimers"></div>
                <div id="timerGrid"></div>
            </section>
        </div>
    </div>

    <button id="themeToggle">🌙 Toggle Dark Mode</button>

    <script src="script.js"></script>
    <script src="scripts/fruits.js"></script>
    <script src="scripts/timers.js"></script>
    <footer>Grow A Garden Calculator - Calculate fruit price with the most accurate Grow A Garden Roblox calculator! Created by nvd123!</footer>
</body>

</html>