fase lunar

fases de la luna

by femfoyou

HTML

<div id="ex1"></div>
  
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

JavaScript

var idioma = "es";
// ant http://www.wdisseny.com/lluna/api
// https://www.icalendar37.net/lunar/api
// console.log(url);
var url1 = "https://www.icalendar37.net/lunar/api/?lang="+idioma+"&month=5&year=2016&size=50&lightColor=%23FFFF88&shadeColor=%23111111&sizeQuarter=20&texturize=true&LDZ=1462053600&";

var url2 = "https://www.icalendar37.net/lunar/api/?lang="+idioma+"&t&month="+(new Date().getMonth()+1)+"&year="+(new Date().getFullYear())+"&size=60&lightColor=%23FFFF88&shadeColor=rgb(17,17,17)&LDZ="+new Date(new Date().getFullYear(),new Date().getMonth(),1)/1000+"";

$.getJSON( url2, function(moon) {
  
	var day = new Date().getDate();
	var dayWeek=moon.phase[day].dayWeek;
	
  var html="<div class='moon'>";
    	html+="<div>"+moon.nameDay[dayWeek]+"</div>"
    	html+="<div>"+ day + " " + moon.monthName + " "+moon.year+"</div>"
    	html+=moon.phase[day].svg;
    	//html+=moon.phase[day].dayWeek;
    	html+="<div>"+moon.phase[day].phaseName + " "+ Math.round(moon.phase[day].lighting)+"%</div>";
    	html+="</div>";

	document.getElementById("ex1").innerHTML = html;

});