<div class="container text-white mx-auto w-full max-w-xl mt-10 p-4 rounded-2xl">
<h1 class="text-2xl text-center font-bold mb-6">Cases.gg Upgrader Verifier</h1>
<label for="serverHash">Server Hash</label>
<input id="serverHash" type='text' class='w-full py-2 px-3 rounded-xl mt-1 mb-2' />
<label for="serverSeed">Server Seed</label>
<input id="serverSeed" type='text' class='w-full py-2 px-3 rounded-xl mt-1 mb-2' />
<label for="clientSeed">Client Seed</label>
<input id="clientSeed" type='text' class='w-full py-2 px-3 rounded-xl mt-1 mb-2' />
<label for="nonceStart">Nonce</label>
<input type="number" id="nonce" name="nonceStart" value="1" class='w-full py-2 px-3 rounded-xl mt-1 mb-2' />
<div id="verify" class='bg-blue-600 hover:bg-blue-500 cursor-pointer text-center p-3 rounded-xl mt-3'>
Verify Game
</div>
<div id="result" class='my-6'>
</div>
</div>body, input {
background: #2a2e31;
}
.container {
background: #25282b;
}
label {
color: #aaa;
}import seedrandom from 'https://cdn.skypack.dev/seedrandom@3.0.5'
document.getElementById('verify').onclick = () => {
const serverSeed = document.getElementById('serverSeed').value
const serverHash = document.getElementById('serverHash').value
const clientSeed = document.getElementById('clientSeed').value
const nonce = document.getElementById('nonce').value
if (!serverSeed) return error('Server seed is required')
if (!serverHash) return error('Server hash is required')
if (!clientSeed) return error('Client seed is required')
if (!nonce) return error("Nonce is requried")
const isHashValid = CryptoJS.SHA256(serverSeed.trim()).toString() === serverHash.trim()
const rollNumber = seedrandom(`${serverSeed.trim()}:${clientSeed.trim()}:${nonce.trim()}`)()
result.innerHTML = `<div class="text-center">
<div class="font-bold my-2 uppercase text-xl">
${isHashValid
? '<div class="text-green-500">Game is valid</div>'
: '<div class="text-red-500">Game is invalid</div>'}
</div>
${isHashValid
? `<div class="text-gray-300">${rollNumber}</div>`
: ''}
</div>`
}
External CSS
This Pen doesn't use any external CSS resources.