JSFiddle - React, Tailwind, and code Playground

HTML

<div class="ball_footballbox"></div>
    <button class="xx" type="submit" id="add_football">Add</button><br/><p><font size="3"><a  target="_blank"href="http://jqfaq.com/"</a> JQFaq.com
<iframe id="iframe1" src="http://jqfaq.com/AdPage.html" style="width:100%; height:115px; border:none;"
/>

CSS

.ball_footballbox{
height:300px;
    width:300px;
    border:1px solid green;
    overflow:auto;
}

JavaScript

$("#add_football").click(function(){
$('<img src="http://jqfaq.com/wp-content/uploads/logo_v1.png">').appendTo($(".ball_footballbox"));
});