<p>Нажмите на кнопку, чтобы скопировать цифры из текстового поля. Цифры от банковской карты</p>

<input type id="text1" value="5614 6822 1107" style=border-color:white id="myInput">

<div class="tooltip">
<button id="uhelpit" onclick="myFunction()" onmouseout="outFunc()">
<span class="tooltiptext" id="myTooltip">Скопировать в буфер обмена</span>
Скопировать цифры
</button>
</div>

<script>
function myFunction() {
var copyText = document.getElementById("myInput");
copyText.select();
copyText.setSelectionRange(0, 99999);
navigator.clipboard.writeText(copyText.value);

var tooltip = document.getElementById("myTooltip");
tooltip.innerHTML = "Скопировано: " + copyText.value;
}

function outFunc() {
var tooltip = document.getElementById("myTooltip");
tooltip.innerHTML = "Скопировать в буфер обмена";
}
</script>

У меня проблема при вставке данной строчке кода, все работает на ура когда создаю вторую html форму работает только один из них как разделить их чтобы обе формы работали не мешая друг друга?

I have a problem when inserting this line of code, all works well when I create a second html form works only one of them how to separate them so that both forms work without interfering with each other?