body.html
Changed around line 1
+
+
Kaldırdım Bet
+
How many times will "kaldırdım" be sent in the Support group today? Place your bet!
+
+
+
+
Place Your Bet
+
+
+
+
+
+
+
+
Statistics
+
+
+
+
+
Total Bets: 0
+
Average Guess: 0
+
+
+
+
+
Made with ❤️ by the Kaldırdım Bet Team
+
index.scroll
Changed around line 1
+ buildHtml
+ baseUrl https://kaldirdim-bet.scroll.pub
+ metaTags
+ editButton /edit.html
+ title Kaldırdım Bet - Guess the Count!
+ style.css
+ body.html
+ script.js
readme.scroll
Changed around line 1
+ # kaldirdim-bet.scroll.pub
+ Website generated by DeepSeek from prompt: Generate a website that will take bet's on how many times 'kaldırdım' text been sent into 'Support' group in MS Teams, provide dummy statisctics with charts make it fun site
script.js
Changed around line 1
+ document.addEventListener('DOMContentLoaded', function () {
+ const betForm = document.getElementById('bet-form');
+ const totalBets = document.getElementById('total-bets');
+ const averageGuess = document.getElementById('average-guess');
+ const betChart = document.getElementById('bet-chart').getContext('2d');
+
+ let bets = [];
+ let chart;
+
+ betForm.addEventListener('submit', function (event) {
+ event.preventDefault();
+ const betValue = parseInt(document.getElementById('bet').value, 10);
+ bets.push(betValue);
+ updateStats();
+ updateChart();
+ betForm.reset();
+ });
+
+ function updateStats() {
+ totalBets.textContent = bets.length;
+ const sum = bets.reduce((a, b) => a + b, 0);
+ const avg = (sum / bets.length).toFixed(2);
+ averageGuess.textContent = avg;
+ }
+
+ function updateChart() {
+ if (chart) {
+ chart.destroy();
+ }
+ chart = new Chart(betChart, {
+ type: 'bar',
+ data: {
+ labels: bets.map((_, i) => `Bet ${i + 1}`),
+ datasets: [{
+ label: 'Bet Values',
+ data: bets,
+ backgroundColor: 'rgba(98, 0, 234, 0.6)',
+ borderColor: 'rgba(98, 0, 234, 1)',
+ borderWidth: 1
+ }]
+ },
+ options: {
+ scales: {
+ y: {
+ beginAtZero: true
+ }
+ }
+ }
+ });
+ }
+ });
style.css
Changed around line 1
+ body {
+ font-family: 'Arial', sans-serif;
+ margin: 0;
+ padding: 0;
+ background-color: #f4f4f9;
+ color: #333;
+ }
+
+ header {
+ background-color: #6200ea;
+ color: white;
+ padding: 20px;
+ text-align: center;
+ }
+
+ header h1 {
+ margin: 0;
+ font-size: 2.5rem;
+ }
+
+ header p {
+ margin: 10px 0 0;
+ font-size: 1.2rem;
+ }
+
+ main {
+ padding: 20px;
+ }
+
+ section {
+ margin-bottom: 30px;
+ }
+
+ h2 {
+ color: #6200ea;
+ font-size: 2rem;
+ margin-bottom: 15px;
+ }
+
+ form {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ }
+
+ label {
+ font-size: 1.2rem;
+ margin-bottom: 10px;
+ }
+
+ input {
+ padding: 10px;
+ font-size: 1rem;
+ width: 100%;
+ max-width: 300px;
+ margin-bottom: 15px;
+ border: 1px solid #ccc;
+ border-radius: 5px;
+ }
+
+ button {
+ padding: 10px 20px;
+ font-size: 1rem;
+ background-color: #6200ea;
+ color: white;
+ border: none;
+ border-radius: 5px;
+ cursor: pointer;
+ }
+
+ button:hover {
+ background-color: #3700b3;
+ }
+
+ .chart-container {
+ max-width: 600px;
+ margin: 0 auto;
+ }
+
+ .stats {
+ text-align: center;
+ margin-top: 20px;
+ }
+
+ .stats p {
+ font-size: 1.2rem;
+ margin: 10px 0;
+ }
+
+ footer {
+ background-color: #333;
+ color: white;
+ text-align: center;
+ padding: 10px;
+ position: fixed;
+ width: 100%;
+ bottom: 0;
+ }
+
+ @media (max-width: 600px) {
+ header h1 {
+ font-size: 2rem;
+ }
+
+ header p {
+ font-size: 1rem;
+ }
+
+ h2 {
+ font-size: 1.5rem;
+ }
+
+ input {
+ font-size: 0.9rem;
+ }
+
+ button {
+ font-size: 0.9rem;
+ }
+
+ .stats p {
+ font-size: 1rem;
+ }
+ }