Cargar e insertar widget de Twitter

 

Cargar e insertar widget de Twitter

Al presionar el siguiente botón se inserta a continuación un widget mostrando el timeline de la cuenta de Twitter Frases de Amor, del autor.
Para eso es necesario cargar también el script "widgets.js" desde Twitter.
¡Pruébalo!

Código HTML para el botón, el contenedor DIV donde se escribe el timeline y el script de la función para que funcione.

<button type="button" id="boton" onclick="mostrartw()">Mostrar</button>
<div id="frases"></div>
<script>
function mostrartw(){
widgt = '<a rel="nofollow noopener" class="twitter-timeline" data-lang="es" data-tweet-limit="3" href="https://twitter.com/FrasesNorfiPC?ref_src=twsrc%5Etfw">Tweets de FrasesNorfiPC</a>';
document.getElementById('frases').innerHTML= widgt;
document.getElementById('boton').style.display='none';
var s = document.createElement('script');
        s.setAttribute('type', 'text/javascript');
        s.src = 'https://platform.twitter.com/widgets.js';
        document.getElementById('frases').appendChild(s);
}
</script>