JSFiddle - React, Tailwind, and code Playground

by fredd man

HTML

<script type="text/javascript">
    function refreshDiv(){
    // alert("In function");
     var container = document.getElementById("dialerDiv1");
     var content = container.innerHTML;
    //alert(content);
    container.innerHTML= content;
    
    }
</script>
<div id="dialerDiv1">
    <iframe width="420" height="315" src="http://www.youtube.com/embed/5PsDtjIx62M" frameborder="0" allowfullscreen></iframe>
</div>

<button onclick="refreshDiv()"> REFRESH </button>

JavaScript

function createCard(_id, title, description, url) {
    var card =
        '<div class="card">' +
        '<div class="info">' +
        '<img src="http://img.youtube.com/vi/' + _id + '/0.jpg" alt="' + description + '">' +
        '</div>' +
        '<div class="content">' +
        '<a href="'+url+'"><h2>' + title + '</h2></a>' +
        '<a href="'+url+'">https://www.youtube.com/embed/' + _id + '</a>' +
        '<p>' + description + '</p>' +
        '</div>' +
        '</div>';
    return card;