JSFiddle - React, Tailwind, and code Playground

by grant

HTML

<div id="date">Default Year</div>
<div id="end">Default End</div>
<div class="main"></div>


 <div class="clear"></div>

JavaScript

var myXml =  
'<?xml version="1.0" encoding="UTF-8"?>' +
'<parameters>' + 
'	<precipitation type="snow" units="inches" time-layout="k-p6h-n10-3">' + 
'		<name>Snow Amount</name>' + 
'		<value>0.00</value>' + 
'		<value>0.59</value>' + 
'		<value>0.20</value>' + 
'		<value>0.00</value>' + 
'		<value>0.00</value>' + 
'		<value>0.00</value>' + 
'		<value>0.00</value>' + 
'		<value>0.00</value>' + 
'		<value>0.00</value>' + 
'		<value>0.00</value>' + 
'	</precipitation>' +
'</parameters>';
console.log(myXml);

date = new Date();
year = date.getFullYear();
yearFour = date.getFullYear()+4;
month = date.getMonth()+1;
dt = date.getDate();

if (dt < 10) {
  dt = '0' + dt;
}
if (month < 10) {
  month = '0' + month;
}
myDate = (year+'-' + month + '-'+dt);
console.log(myDate);
endDate = (yearFour+'-' + month + '-'+dt);
console.log(endDate);


let snowFor = "https://graphical.weather.gov/xml/SOAP_server/ndfdXMLclient.php?whichClient=NDFDgen&lat=44.250999&lon=-116.969330&listLatLon=&lat1=&lon1=&lat2=&lon2=&resolutionSub=&listLat1=&listLon1=&listLat2=&listLon2=&resolutionList=&endPoint1Lat=&endPoint1Lon=&endPoint2Lat=&endPoint2Lon=&listEndPoint1Lat=&listEndPoint1Lon=&listEndPoint2Lat=&listEndPoint2Lon=&zipCodeList=&listZipCodeList=&centerPointLat=&centerPointLon=&distanceLat=&distanceLon=&resolutionSquare=&listCenterPointLat=&listCenterPointLon=&listDistanceLat=&listDistanceLon=&listResolutionSquare=&citiesLevel=&listCitiesLevel=&sector=&gmlListLatLon=&featureType=&requestedTime=&startTime=&endTime=&compType=&propertyName=&product=time-series&begin=" + myDate + "T00%3A00%3A00&end=" + endDate + "T00%3A00%3A00&Unit=e&maxt=maxt&mint=mint&snow=snow&Submit=Submit";

//console.log(snowFor);
document.getElementById("date").innerHTML = myDate;
document.getElementById("end").innerHTML = endDate;