Здравствуйте, подскажите как сделать чтобы при нажатии кнопки "Скопировать" страница не перезагружалась?
У меня есть форма которая конвертирует одни значения в другие (без ajax, у меня не получается сделать с ajax)
<form method="POST" action="page.php" class="">
        <input id="textin" type="textarea" name="foo"/>
        <input id="send" type="submit" value="Конвертировать"/>    
 </form>
    
Результат конвертации    
    <form method="post"   name="emailform">
    <textarea readonly class="result" id="myInput" placeholder=""><?php echo $result; ?></textarea>
    <button id="copytext" onclick="myFunction()">Скопировать</button>
    </form>
И файл JS, который и выполняет копирование при нажатии кнопки
<script type="text/javascript">
function myFunction() {
    let inputEl = document.getElementById("myInput");
    inputEl.select();                                    // Select element
    inputEl.setSelectionRange(0, inputEl.value.length); // select from 0 to element length
    const successful = document.execCommand('copy');   // copy input value, and store success if needed
    if(successful) {
        alert("Ваш текст скопирован: " + inputEl.value);
}
</script>
Подскажите, как сделать, чтобы страница не перезагружалась постоянно при выполнении Alert от JS, что текст скопирован в буфер обмена? В форме стираются все данные после перезагрузки и приходится вводить заново. Заранее спасибо за помощь. Я в PHP и JS полный 0, но сумел кое как собрать работающую страницу.