Как убрать разрыв до и после функции копирования в буфер обмена ⇐ Html

[Anonymous]

Я впервые пишу на этом форуме, но уже много лет скрываюсь здесь ради развлечения. В любом случае, я делаю очень простой инструмент, и мне нужна помощь. У меня был перерыв в программировании в течение очень долгого времени, поэтому, пожалуйста, простите мое форматирование и, вероятно, ужасный лишний код. Проблема, с которой я сталкиваюсь, заключается в том, что когда я ввожу текст в № 1, затем выбираю сайт в № 2, который объединяет два поля вместе, и, наконец, выбираю копию и сбрасываю в № 3, все работает нормально. Проблема в том, что он добавляет разрыв до и после сгенерированного URL. Я пробовал бесчисленное множество разных способов предотвратить их, просто копируя только присоединенный URL-адрес, но мои навыки просто не на должном уровне. Я уверен, что это простое решение для большинства, если не для всех, участников этого сайта, так что заранее спасибо!Кроме того, если у кого-то есть идеи, как сократить что-нибудь еще, чтобы сделать это более эффективно и просто. Я открыт.
Спасибо!





input[type=text]
{
width: 100%;
font-size: 15px;
padding: 10px;
margin: 0px;
box-sizing: border-box;
background-color: #D5DBDB;
border: 2px solid #232F3E;
border-radius: 5px;
}

.button
{
border-radius: 5px;
background-color: #D5DBDB;
border: 2px solid #232F3E;
color: black;
text-aline: center;
font-size: 15px;
padding: 10px;
width: 150px;
transition: all 0.3s;
cursor: pointer;
margin: 5px;
}

.button:hover
{
background-color: #232F3E;
border: 2px solid #FF9900;
color: white;
}

.button:focus
{
background-color: #FF9900;
color: black;
}

p
{
border-left: 10px solid red;
background-color: #D5DBDB;
border-radius: 5px;
text-indent: 5px;
font-size: 12.5px;
width: 100%;
margin: 0;
}

div
{
text-align: right;
}









3: Select your customers marketplace:

Google
X (Twitter)
Facebook
Instagram
Bluesky



4: Provide XXXXXXX with the following XXXXXXX:

Copy Link &
Reset Page






function myFunction(a)
{
var z = document.getElementById("testurlinput").value;
document.getElementById("testlink").innerHTML = a + z;
}



function copyToClipboard(id)
{
var from = document.getElementById(id);
var range = document.createRange();
window.getSelection().removeAllRanges();
range.selectNode(from);
window.getSelection().addRange(range);
document.execCommand('copy');
window.getSelection().removeAllRanges();
window.location.reload();
}


```

The goal is simply to address both the breaks in the beginning and after in order to come out with a clean URL. As for what I've tried, I've already tried multiple different function formats to no avail.

Prior to submitting, I even reviewed more under the "Review questions already on Stack Overflow to see if your question is a duplicate." section. Still nothing.


Подробнее здесь: https://stackoverflow.com/questions/793 ... rd-fuction