Здравствуйте, подскажите как сделать чтобы при нажатии кнопки "Скопировать" страница не перезагружалась?
У меня есть форма которая конвертирует одни значения в другие (без 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, но сумел кое как собрать работающую страницу.