tools/random-password-generator.php

30 lines
1.4 KiB
PHP

<?php
$time=time();
$gen_pass=rand(100,360).$time.rand(100,999);
$rand_pass = base_convert($gen_pass,10,36);
?>
<div style="display: flex; flex-direction: column; justify-content: center; align-items: center; margin-top: 20px;">
<h1 style="font-size: 25px;">Get a random password</h1>
<div style="display: flex; flex-direction: row; margin-top: 20px;">
<p style="border: 2px solid #ddd; border-radius: 6px; padding: 5px;">Password: <span id="randPassword"> <?php echo $rand_pass; ?></span></p>&nbsp; <button id="copyButton" style="background-color: #7d7d7d; border-radius: 6px; padding: 0px 10px 0px 10px;">Copy</button>
</div>
<P style="display: none; text-align: center;" id="copied-notice"></P>
</div>
<!-- <div id="copyText">This text will be copied when clicked.</div> -->
<script>
document.getElementById("copyButton").addEventListener("click", function() {
// Select the text
var copyText = document.getElementById("randPassword");
var selection = window.getSelection();
var range = document.createRange();
range.selectNodeContents(copyText);
selection.removeAllRanges();
selection.addRange(range);
// Copy to clipboard
document.execCommand("copy");
document.getElementById('copied-notice').style.display = 'block';
document.getElementById('copied-notice').innerHTML = 'Text copied to clipboard!';
});
</script>