JSFiddle - React, Tailwind, and code Playground

by zhukovroman

HTML

<div id="searchblock" class="searchblock">
    <div class="formqwerty">
        <input id="searchform" class="inputbox" type="text" maxlength="40" size="40"
        onfocus="if (this.value=='Search for something here') this.value='';" name="q"
        />
        <input onclick="searchClicked()" id="search-submit-button" class="button"
        type="submit" value="" onfocus="this.blur();" name="s" />
    </div>
    <div id="scriptdiv">
        <script id="myclass2" src="http://gdata.youtube.com/feeds/videos?vq=all&max-results=8&alt=json-in-script&callback=showMyVideos&orderby=relevance&sortorder=descending&format=5&fmt=18"></script>
    </div>
</div>

JavaScript

function searchClicked() {
    var urequest = document.getElementById("searchform").value;
    var scriptDiv = document.getElementById('scriptdiv');
    var script= document.createElement('script');
      script.type = 'text/javascript';
      script.src = 'http://gdata.youtube.com/feeds/videos?vq=' + urequest + '&max-results=8&alt=json-in-script&callback=showMyVideos&orderby=relevance&sortorder=descending&format=5&fmt=18';
    scriptDiv.innerHTML = '';
    scriptDiv.appendChild(script);
        }