JSFiddle - React, Tailwind, and code Playground
HTML
<button type="button"
onClick="Copy('<button onclick="myFunction()">Click me</button>', false)">
<button onclick="myFunction()">Click me</button>
</button>
<br><br>
<button type="button"
onClick="Copy('<a href="tel:000"<CALL: 000</a>
<button onclick="">test</button>', false)">
<a href="tel:000"<CALL: 000</a>
<button onclick="">test</button>
<br><br>
JavaScript
document.addEventListener('DOMContentLoaded', () => {
document.querySelector('select[name="language"]').onchange = changeEventHandler;
}, false);
const changeEventHandler = event => {
let lang = event.target.value;
if (!lang)
return undefined;
localStorage.setItem('language', `${ lang }`);
};
const Copy = (text, withLanguage = false) => {
let lang = localStorage.getItem('language');
let dummy = document.createElement('textarea');
document.body.appendChild(dummy);
if (withLanguage) {
dummy.value = `${ text }${ lang ?`${ lang }` : ``}`;
} else {
dummy.value = `${text} `;
}
dummy.select();
document.execCommand('copy');
document.body.removeChild(dummy);
};