Rendere l'infografica facilmente condivisibile
Ciao a tutti ragazzi
vorrei un aiutino per rendere l'infografica facilmente condivisibile.
Sono riuscito a mettere l'infografica sul sito e grazie ad "embeded Code Generator" sono riuscito a mettere al di sotto dell'infografica un text area con il codice <p> </p> dell'infografica.
Ho pensato di rendere la procedura di copia ancora più facile ed ho trovato questo codice su w3school
Codice HTML:
<p>Click on the button to copy the text from the text field. Try to paste the text (e.g. ctrl+v) afterwards in a different window, to see the effect.</p>
<input type="text" value="Hello World" id="myInput">
<button onclick="myFunction()">Copy text</button>
<script>
function myFunction() {
/* Get the text field */
var copyText = document.getElementById("myInput");
/* Select the text field */
copyText.select();
copyText.setSelectionRange(0, 99999); /* For mobile devices */
/* Copy the text inside the text field */
navigator.clipboard.writeText(copyText.value);
/* Alert the copied text */
alert("Copied the text: " + copyText.value);
}
</script>
ho pensato di andare a sostituire al posto di Hello World il codice <p> </p> di embeded Code Generator quindi ottengo
value ="<p> </p>" id="myInput">
ma mi esce nella metà pagina di prova del sito w3schol , nella parte dove si testa il codice, il campo con il paragrafo <p> </p> di embed code generator
ma affiacato da " id="myInput">
cioè c'è questa id="myInput" che non dovrebbe comparire .
https://ibb.co/crmYNL4
come posso risolvere?