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

[Anonymous]

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

Код: Выделить всё

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();
}

Код: Выделить всё

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%;
}

div {
text-align: right;
}

Код: Выделить всё

1:[/b] Input field for XXXXXXX:[b]

[i]



2:[/b] Select the site:[b]

Google
X (Twitter[/i])
Facebook
Instagram
Bluesky



3:[/b] Provide XXXXXXX with the following XXXXXXX:

Copy Link &
Reset Page

Цель состоит в том, чтобы просто устранить разрывы в начале и после чтобы получить чистый URL-адрес. Что касается того, что я пробовал, то я уже пробовал несколько различных форматов функций, но безрезультатно.
Перед отправкой я даже просмотрел дополнительные сведения в разделе «Просмотр вопросов, уже имеющихся в Stack Overflow, чтобы посмотрите, не является ли ваш вопрос дубликатом». раздел. Все равно ничего.

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