JSFiddle - React, Tailwind, and code Playground

by justin_barber_arvig

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="sidebar">

</div>
<script>
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src='https://weatherwidget.io/js/widget.min.js';fjs.parentNode.insertBefore(js,fjs);}}(document,'script','weatherwidget-io-js');
</script>

JavaScript

$(document).ready(function(e) {

	var loaction = jQuery('#sidebar').data('location');
  var name = $('#sidebar').data('name');
	
  var widget = $('<a class="weatherwidget-io" href="https://forecast7.com/en/40d71n74d01/new-york/" data-label_1="Here" data-label_2="WEATHER" data-theme="original" >NEW YORK WEATHER</a>')

	$('#sidebar').append(widget);
 !function(d,s,id){
	var js,fjs=d.getElementsByTagName(s)[0];
  if(!d.getElementById(id)){
    js=d.createElement(s);
    js.id=id;
    js.src='https://weatherwidget.io/js/widget.min.js';
    fjs.parentNode.insertBefore(js,fjs);}
  }
  (document,'script','weatherwidget-io-js');



    

    
});