| Server IP : 167.235.67.158 / Your IP : 216.73.216.95 Web Server : Apache System : Linux ubuntu-8gb-nbg1-1 6.8.0-111-generic #111-Ubuntu SMP PREEMPT_DYNAMIC Sat Apr 11 23:16:02 UTC 2026 x86_64 User : upstairsbar.co.uk ( 982) PHP Version : 8.3.6 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : OFF Directory : /var/www/bc.the-word.com/oliver/ |
Upload File : |
<!doctype html>
<html lang="en" class="h-100">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Base 10 to Base 16</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB" crossorigin="anonymous">
</head>
<body class="text-center h-100" style="background: #000;">
<div class="container h-100">
<div class="row h-100 align-items-center justify-content-center">
<div class="col-12">
<div class="row">
<div class="col-12">
<h1>#000000 <small>(0)</small></h1>
<div class="my-3">
<div id="manual" class="btn-group" role="group">
<input class="form-control" placeholder="Enter 1 to 16,777,216" min="1" max="16777216"
step="1">
<button type="button" class="btn btn-primary">Submit</button>
</div>
</div>
<div class="my-3">
<div id="auto" class="btn-group" role="group">
<input class="form-control" placeholder="Enter the wait in milliseconds" min="1"
step="1">
<button type="button" class="btn btn-success">Start</button>
</div>
</div>
<div>
<div id="reverse" class="btn-group" role="group">
<input class="form-control" placeholder="Enter base 16">
<button type="button" class="btn btn-warning">Submit</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<style>
h1 {
color: #fff;
text-shadow: 1px 1px 2px #000;
}
h1 small {
font-size: 12px;
}
</style>
<script src="https://code.jquery.com/jquery-4.0.0.min.js"
integrity="sha256-OaVG6prZf4v69dPg6PhVattBXkcOWQB62pdZ3ORyrao=" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js"
integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI"
crossorigin="anonymous"></script>
<script>
var timerInterval;
function base10ToHex(value) {
let hexVal = (value - 1).toString(16).toUpperCase().padStart(6, "0");
jQuery('body').css('background-color', '#' + hexVal);
jQuery('h1').html('#' + hexVal + '<small>(' + value + ')</small>');
jQuery('#reverse input').val(hexVal);
jQuery('#manual input').val(value);
}
function hexToBase10(value) {
let base10Val = parseInt(jQuery('#reverse input').val(), 16);
if (isNaN(base10Val)) base10Val = 1; else base10Val++;
jQuery('body').css('background-color', '#' + value);
jQuery('h1').html('#' + value + '<small>(' + base10Val + ')</small>');
jQuery('#reverse input').val(value);
jQuery('#manual input').val(base10Val);
}
function incrementBase10() {
let base10Num = parseInt(jQuery('#manual input').val());
if (isNaN(base10Num) || base10Num < 1) base10Num = 1;
else if (base10Num > 16777216) base10Num = 16777216;
else base10Num += 1;
if (base10Num == 16777216) clearInterval(timerInterval);
base10ToHex(base10Num);
}
jQuery('#manual button').on('click', function () {
let base10Num = parseInt(jQuery('#manual input').val());
if (isNaN(base10Num) || base10Num < 1) base10Num = 1;
else if (base10Num > 16777216) base10Num = 16777216;
base10ToHex(base10Num);
});
jQuery('#reverse button').on('click', function () {
let base16Num = jQuery('#reverse input').val();
hexToBase10(base16Num);
});
jQuery('#auto button').on('click', function () {
if (jQuery(this).hasClass('running')) {
jQuery(this).removeClass('running').addClass('btn-success').removeClass('btn-danger');
jQuery(this).text('Start');
clearInterval(timerInterval);
} else {
jQuery(this).addClass('running').addClass('btn-danger').removeClass('btn-success');
jQuery(this).text('Stop');
timerInterval = setInterval(incrementBase10, parseInt(jQuery('#auto input').val()));
}
});
</script>
</body>
</html>