WEBLEB
Inicio
Editora de código
Iniciar sesión
Pro
Español
English
Français
Español
Português
Deutsch
Italiano
हिंदी
HTML
CSS
JS
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <title>Robux Tax Calculator</title> <link rel="stylesheet" href="style.css" /> </head> <body> <div class="calculator"> <h1>Robux Tax Calculator</h1> <p>Roblox takes a 30% tax on sales. Calculate your post-tax Robux:</p> <input type="number" id="robuxInput" placeholder="Enter Robux amount" /> <button onclick="calculateTax()">Calculate</button> <div id="result"></div> </div> <script> function calculateTax() { const input = document.getElementById('robuxInput').value; const robux = parseFloat(input); if (isNaN(robux) || robux < 0) { document.getElementById('result').innerHTML = '<p>Please enter a valid Robux amount.</p>'; return; } const afterTax = Math.floor(robux * 0.7); const taxTaken = robux - afterTax; document.getElementById('result').innerHTML = ` <p><strong>After Tax:</strong> ${afterTax} Robux</p> <p><strong>Tax Taken:</strong> ${taxTaken} Robux</p> `; } </script> </body> </html>
body { font-family: 'Segoe UI', sans-serif; background: #f9fafb; color: #333; display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; } .calculator { background: white; padding: 40px; border-radius: 12px; box-shadow: 0 0 20px rgba(0,0,0,0.1); text-align: center; max-width: 400px; width: 100%; } h1 { margin-bottom: 10px; color: #00bcd4; } input[type="number"] { width: 80%; padding: 10px; margin: 20px 0; border: 2px solid #ddd; border-radius: 8px; font-size: 1rem; } button { padding: 10px 20px; font-size: 1rem; background-color: #00bcd4; color: white; border: none; border-radius: 8px; cursor: pointer; transition: background 0.3s; } button:hover { background-color: #0097a7; } #result { margin-top: 20px; font-size: 1.1rem; }
/* Replace with your JS Code (Leave empty if not needed) */
Validating your code, please wait...
HTML
CSS
JS
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <title>Robux Tax Calculator</title> <link rel="stylesheet" href="style.css" /> </head> <body> <div class="calculator"> <h1>Robux Tax Calculator</h1> <p>Roblox takes a 30% tax on sales. Calculate your post-tax Robux:</p> <input type="number" id="robuxInput" placeholder="Enter Robux amount" /> <button onclick="calculateTax()">Calculate</button> <div id="result"></div> </div> <script> function calculateTax() { const input = document.getElementById('robuxInput').value; const robux = parseFloat(input); if (isNaN(robux) || robux < 0) { document.getElementById('result').innerHTML = '<p>Please enter a valid Robux amount.</p>'; return; } const afterTax = Math.floor(robux * 0.7); const taxTaken = robux - afterTax; document.getElementById('result').innerHTML = ` <p><strong>After Tax:</strong> ${afterTax} Robux</p> <p><strong>Tax Taken:</strong> ${taxTaken} Robux</p> `; } </script> </body> </html>
body { font-family: 'Segoe UI', sans-serif; background: #f9fafb; color: #333; display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; } .calculator { background: white; padding: 40px; border-radius: 12px; box-shadow: 0 0 20px rgba(0,0,0,0.1); text-align: center; max-width: 400px; width: 100%; } h1 { margin-bottom: 10px; color: #00bcd4; } input[type="number"] { width: 80%; padding: 10px; margin: 20px 0; border: 2px solid #ddd; border-radius: 8px; font-size: 1rem; } button { padding: 10px 20px; font-size: 1rem; background-color: #00bcd4; color: white; border: none; border-radius: 8px; cursor: pointer; transition: background 0.3s; } button:hover { background-color: #0097a7; } #result { margin-top: 20px; font-size: 1.1rem; }
/* Replace with your JS Code (Leave empty if not needed) */