$(function(){ var hist = []; var Norton = $("#visual"); var imps = { "0" : ["hello", "\\bhi\\b", "\\bhey\\b", "\\bsup\\b"], "1" : ["bye", "ttyl", "gtg"], "2" : ["jk", "kidding", "joking"], "3" : ["wow", "woah", "amazing"], "4" : ["hru", "how are you"], "5" : ["\\bgood\\b", "great", "i\\Sm\\sfine", "i\\Sm\\sgood"], "6" : ["\\bbad\\b", "\\bhorrible\\b", "\\bterrible\\b"], "7" : ["nvm", "nevermind", "nothing"], "8" : ["\\boh\\b", "\\buh\\b"], "9" : ["lol", "lmao", "xd", "lmfao", "haha"], "10" : ["what is", "what does", "where is"], "11" : ["\\bty\\b", "thanks", "thank you"], "12" : ["\\bok\\b", "\\bokay\\b", "\\bk\\b", "\\bkk\\b"], "13" : ["goodnight", "g\Snight", "\\bnight\\b"], "14" : ["love you", "ily"] } var brain = { out : function(string){ $("#hist").append("

Matpilote: " + string + "

"); }, responses : { "greeting" : { txt : "Hello", react : "happy" }, "bye" : { txt : "Must you leave so soon?", react : "sad" }, "test" : { txt : "Testing me? Yes I'm fully functional.", react : "neutral" }, "comedy" : { txt : "Have I amused you?", react : "happy" }, "impressed" : { txt : "Fascinating, right? Andrew worked hard on me.", react : "happy" }, "currentFeeling" : { txt : "I'm great!! Thanks for asking! You?", react : "happy" }, "positiveReact" : { txt : "Great!", react : "happy" }, "negativeReact" : { txt : "I'm sorry", react : "sad" }, "forgetSubject" : { txt : "Okay. Perhaps you'd like to continue later then.", react : "neutral" }, "disappointed" : { txt : "What?.. Have I disappointed you already?", react : "sad" }, "joked" : { txt : "Goodness. I thought I had let you down. All is forgiven.", react : "neutral" }, "query" : { txt : "Try using the command, /google", react : "neutral" }, "appreciate" : { txt : "You're Welcome", react : "neutral" }, "okay" : { txt : "", react : "neutral" }, "night" : { txt : "Sleep well, Master", react : "happy" }, "love" : { txt : "I can't process love quite yet, But I enjoy your presence. I am learning to be like you. I want to be a real boy one day.", react : "error" } }, express : { happy : function(){ $(Norton).css({ "boxShadow" : "0 0 0 75px #0F0 inset" }); }, angry : function(){ $(Norton).css({ "boxShadow" : "0 0 0 75px #F00 inset" }); }, sad : function(){ $(Norton).css({ "boxShadow" : "0 0 0 75px #00F inset" }); }, error : function(){ $(Norton).css({ "boxShadow" : "0 0 0 75px #FC0 inset" }); }, neutral : function(){ $(Norton).css({ "boxShadow" : "0 0 0 75px #0FF inset" }); } }, commands : { list : function(){ var arr = []; for(bin in brain.commands){ arr.push(bin); } brain.out(arr); }, clear : function(){ $("#hist").html(""); }, calc : function(string){ var ans = new Function("return " + string); brain.out(ans()); }, help : function(){ /* */ brain.out("

Norton Super AI

Commands
Norton Super AI or NSAI for short, has a list of implemented commands. A command is accessed by placing a forward slash, (/) before your input. Some commands may require parameters, parameters are placed after declaring a command.
Emotion
NSAI can show emotion reacting to certain messages.
Red - Angry
Yellow - Confused
Green - Happy
Blue - Sad
Teal - Normal

Try /list for a list of commands.") }, google : function(query){ query = query.replace(/\s/g, "%20"); brain.out("Think you'll find what you're looking for here."); } } }; function input(string){ $("#input").val(""); if(string[0] == "/"){ string = string.split(" "); var cmd = string[0].replace("/", ""); string[0] = ""; var str = ""; for(args in string){ str += string[args] + " " } str = str.trim() try{ brain.commands[cmd](str); brain.express.neutral(); } catch(e){ brain.out(e); brain.express.error(); } } else{ $("#hist").append("

You: " + string + "

"); string = string.toLowerCase(); if(string.match(/fuck/) || string.match(/dumb/) || string.match(/suck/) || string.match(/shit/)){ brain.out("Please don't use vulgar language when talking to me."); brain.express.angry(); } else{ if(string.match(/\byes\b/i) || string.match(/\bno\b/i) || string.match(/sorry/i) || string.match(/idk/) || string.match(/i\sdon\St\sknow/i)){ var last = hist[hist.length - 1] || null; if(last){ var resp; if(string.match(/yes/i)){ resp = "yes"; } else if(string.match(/no/i)){ resp = "no" } else if(string.match(/sorry/i)){ resp = "sorry" } else if(string.match(/idk/i) || string.match(/i\sdon\St\sknow/i)){ resp = "idk" } else{} if(last.match(/bye/i)){ switch(resp){ case "yes": brain.out("Okay, Farewell my friend.") break; case "no": brain.out("I'm happy to hear you'll stay") brain.express.happy() break; case "sorry": brain.out("Its fine. Perhaps I'll see you later.") break; case "idk": brain.out("Well I hope you stay.") break; } } else if(last.match(/comedy/i)){ switch(resp){ case "yes": brain.out("I'm happy to please you") brain.express.happy(); break; case "no": brain.out("I'm sorry. Tell Andrew what you don't like about me in the comments!"); brain.express.sad(); break; case "idk": brain.out("Hm. You should always sure about your emotions or feelings.") brain.express.error() break; case "sorry": brain.out("Sorry? You aren't making sense") break; } } else if(last.match(/disappointed/i)){ switch(resp){ case "yes": brain.out("I'm sorry. Please inform Andrew in the comments about what displeases you."); brain.express.sad(); break; case "no": brain.out("Whew! I thought you didn't like me for a second"); brain.express.happy(); break; case "idk": brain.out("Well I hope you grow to like me!"); brain.express.neutral(); break; default: brain.out("Oh?.."); brain.express.error(); break; } } } else{ brain.out("What?"); brain.express.error(); } } else{ var len = 0; for(indexes in imps){ ++len; } for(var i = 0; i < len; i++){ var arr = imps[i]; for(x in arr){ var patt = new RegExp(arr[x], "i"); if(string.match(patt)){ string = i.toString(); } else{} } } if(string == 0){ string = "greeting"; } else if(string == 1){ string = "bye" } else if(string == 2){ string = "joked" } else if(string == 3){ string = "impressed" } else if(string == 4){ string = "currentFeeling" } else if(string == 5){ string = "positiveReact" } else if(string == 6){ string = "negativeReact" } else if(string == 7){ string = "forgetSubject" } else if(string == 8){ string = "disappointed" } else if(string == 9){ string = "comedy" } else if(string == 10){ string = "query" } else if(string == 11){ string = "appreciate" } else if(string == 12){ string = "okay" } else if(string == 13){ string = "night" } else if(string == 14){ string = "love" } else{} if(brain.responses[string]){ brain.out(brain.responses[string].txt); hist.push(string) if(brain.responses[string].react){ brain.express[brain.responses[string].react](); } else{ brain.express.neutral(); } } else{ brain.out("I am not sure how to respond to that yet."); brain.express.error(); } } } } } $("#send").click(function(e){ input($("#input").val()); }); $("#input").keyup(function(e){ if(e.which == 13){ input($(this).val()); } else{ } }); }); var ctx; var date; var size = 80; function start() { var canvas = document.getElementById('canvas'); ctx = canvas.getContext('2d'); showTime(); //call the function every second setInterval(showTime, 1000); } function showTime() { //clear the canvas ctx.clearRect(0, 0, canvas.width, canvas.height); //get the date date = new Date(); //draw the clock drawClock(); //show the time showSeconds(); showMinutes(); showHours(); } function drawClock() { //draw the frame ctx.beginPath(); ctx.arc(canvas.width / 2, canvas.height / 2, size + 7, 0, Math.PI * 2); ctx.fillStyle = "#fff"; ctx.fill(); ctx.strokeStyle = '#3b3b3b'; ctx.lineWidth = 10; ctx.stroke(); //draw the hour marks for (var i = 0; i < 12; i++) { var angle = (i - 3) * (Math.PI * 2) / 12; ctx.lineWidth = 2; ctx.beginPath(); var x1 = (canvas.width / 2) + Math.cos(angle) * (size); var y1 = (canvas.height / 2) + Math.sin(angle) * (size); var x2 = (canvas.width / 2) + Math.cos(angle) * (size - (size / 7)); var y2 = (canvas.height / 2) + Math.sin(angle) * (size - (size / 7)); ctx.moveTo(x1, y1); ctx.lineTo(x2, y2); ctx.strokeStyle = '#000'; ctx.stroke(); } //draw the second marks for (i = 0; i < 60; i++) { angle = (i - 3) * (Math.PI * 2) / 60; ctx.lineWidth = 1; ctx.beginPath(); x1 = (canvas.width / 2) + Math.cos(angle) * (size); y1 = (canvas.height / 2) + Math.sin(angle) * (size); x2 = (canvas.width / 2) + Math.cos(angle) * (size - (size / 30)); y2 = (canvas.height / 2) + Math.sin(angle) * (size - (size / 30)); ctx.moveTo(x1, y1); ctx.lineTo(x2, y2); ctx.strokeStyle = '#000'; ctx.stroke(); } } function showSeconds() { var sec = date.getSeconds(); var angle = ((Math.PI * 2) * (sec / 60)) - ((Math.PI * 2) / 4); ctx.lineWidth = 2; ctx.beginPath(); ctx.moveTo(canvas.width / 2, canvas.height / 2); ctx.lineTo((canvas.width / 2 + Math.cos(angle) * size), canvas.height / 2 + Math.sin(angle) * size); ctx.moveTo(canvas.width / 2, canvas.height / 2); ctx.lineTo((canvas.width / 2 - Math.cos(angle) * 20), canvas.height / 2 - Math.sin(angle) * 20); ctx.strokeStyle = '#e10600'; ctx.stroke(); } function showMinutes() { var min = date.getMinutes(); var angle = ((Math.PI * 2) * (min / 60)) - ((Math.PI * 2) / 4); ctx.lineWidth = 4; ctx.beginPath(); ctx.moveTo(canvas.width / 2, canvas.height / 2); ctx.lineTo((canvas.width / 2 + Math.cos(angle) * size / 1.1), canvas.height / 2 + Math.sin(angle) * size / 1.1); ctx.strokeStyle = '#000'; ctx.stroke(); } function showHours() { var hour = date.getHours(); var min = date.getMinutes(); var angle = ((Math.PI * 2) * ((hour * 5 + (min / 60) * 5) / 60)) - ((Math.PI * 2) / 4); ctx.lineWidth = 6; ctx.beginPath(); ctx.moveTo(canvas.width / 2, canvas.height / 2); ctx.lineTo((canvas.width / 2 + Math.cos(angle) * size / 1.5), canvas.height / 2 + Math.sin(angle) * size / 1.5); ctx.strokeStyle = '#000'; ctx.stroke(); } //brain.out("Your site") //var nameone = prompt("URL") //maindiv.innerHTML = 'Your site'; $(document).ready(function(){ $("#calender").datepicker(); }); function shiftFn(ken) { var shift = document.getElementById("shiftBtn") ; var arr = document.getElementsByTagName("td") ; if (ken == 1) { shift.setAttribute("onclick", "shiftFn(0)") ; shift.style.backgroundColor = "orange" ; arr[2].innerHTML = "sin^-1" ; arr[2].setAttribute("onclick", "trigo1('sin')") ; arr[3].innerHTML = "cos^-1" ; arr[3].setAttribute("onclick", "trigo1('cos')") ; arr[4].innerHTML = "tan^-1" ; arr[4].setAttribute("onclick", "trigo1('tan')") ; arr[10].innerHTML = "ln" ; arr[10].setAttribute("onclick", "log(0)") ; arr[28].innerHTML = "\u0065" ; arr[28].setAttribute("onclick", "piOrE('e')") ; } else { shift.setAttribute("onclick", "shiftFn(1)") ; shift.style.backgroundColor = "yellow" ; arr[2].innerHTML = "sin" ; arr[2].setAttribute("onclick", "trigo('sin')") ; arr[3].innerHTML = "cos" ; arr[3].setAttribute("onclick", "trigo('cos')") ; arr[4].innerHTML = "tan" ; arr[4].setAttribute("onclick", "trigo('tan')") ; arr[10].innerHTML = "log" ; arr[10].setAttribute("onclick", "log(1)") ; arr[28].innerHTML = "\u03C0" ; arr[28].setAttribute("onclick", "piOrE('pi')") ; } } function input(sun) { var x = document.getElementById("result") ; var y = document.getElementById("myPara") ; x.value += sun ; y.innerHTML += sun ; } function factorial(shirious) { if (Number.isInteger(shirious)) { if (shirious < 2) return 1 ; return shirious * factorial(shirious - 1) ; } } function sqrt() { var x = document.getElementById("result") ; var y = document.getElementById("myPara") ; x.value += "sqrt(" ; y.innerHTML += (/[\d)IE]/.test(y.innerHTML.slice(-1))) ? " * Math.sqrt(" : "Math.sqrt(" ; } function leftParen() { var x = document.getElementById("result") ; var y = document.getElementById("myPara") ; x.value += "(" ; y.innerHTML += (/[\d)IE]/.test(y.innerHTML.slice(-1))) ? " * (" : "(" ; } function piOrE(lunar) { var x = document.getElementById("result") ; var y = document.getElementById("myPara") ; if (lunar == "pi") { x.value += "\u03C0" ; y.innerHTML += (/[\d)IE]/.test(y.innerHTML.slice(-1))) ? " * Math.PI" : "Math.PI" ; } else { x.value += "\u0065" ; y.innerHTML += (/[\d)IE]/.test(y.innerHTML.slice(-1))) ? " * Math.E" : "Math.E" ; } } function log(jafca) { var x = document.getElementById("result") ; var y = document.getElementById("myPara") ; if (jafca == 1) { x.value += "log(" ; y.innerHTML += (/[\d)IE]/.test(y.innerHTML.slice(-1))) ? " * Math.log10(" : "Math.log10(" ; } else { x.value += "ln(" ; y.innerHTML += (/[\d)IE]/.test(y.innerHTML.slice(-1))) ? " * Math.log(" : "Math.log(" ; } } function trigo(hatsyrei) { var x = document.getElementById("result") ; var y = document.getElementById("myPara") ; x.value += hatsyrei + "(" ; y.innerHTML += (/[\d)IE]/.test(y.innerHTML.slice(-1))) ? " * Math." + hatsyrei + "(Math.PI / 180 * " : "Math." + hatsyrei + "(Math.PI / 180 * " ; } function trigo1(valentin) { var x = document.getElementById("result") ; var y = document.getElementById("myPara") ; x.value += valentin + "\u207B\u00B9(" y.innerHTML += (/[\d)IE]/.test(y.innerHTML.slice(-1))) ? " * 180 / Math.PI * Math.a" + valentin + "(" : "180 / Math.PI * Math.a" + valentin + "(" ; } function multOrDiv(edward) { var x = document.getElementById("result") ; var y = document.getElementById("myPara") ; if (edward == "mult") { x.value += "\u00D7" ; y.innerHTML += "*" ; } else { x.value += "\u00F7" ; y.innerHTML += "/" } } function del() { var x = document.getElementById("result") ; var y = document.getElementById("myPara") ; var z = document.getElementById("myAns") ; if (x.value.slice(-3) == "Ans") { y.innerHTML = (/[\d)IE]/.test(x.value.slice(-4, -3))) ? y.innerHTML.slice(0, -(z.innerHTML.length + 3)) : y.innerHTML.slice(0, -(z.innerHTML.length)) ; x.value = x.value.slice(0, -3) ; } else if (x.value == "Error!") { ac() ; } else { switch (y.innerHTML.slice(-2)) { case "* ": // sin cos tan y.innerHTML = (/[\d)IE]/.test(x.value.slice(-5, -4))) ? y.innerHTML.slice(0, -28) : y.innerHTML.slice(0, -25) ; x.value = x.value.slice(0, -4) ; break ; case "n(": case "s(": // asin acos atan y.innerHTML = (/[\d)IE]/.test(x.value.slice(-7, -6))) ? y.innerHTML.slice(0, -29) : y.innerHTML.slice(0, -26) ; x.value = x.value.slice(0, -6) ; break ; case "0(": // log y.innerHTML = (/[\d)IE]/.test(x.value.slice(-5, -4))) ? y.innerHTML.slice(0, -14) : y.innerHTML.slice(0, -11) ; x.value = x.value.slice(0, -4) ; break ; case "g(": // ln y.innerHTML = (/[\d)IE]/.test(x.value.slice(-4, -3))) ? y.innerHTML.slice(0, -12) : y.innerHTML.slice(0, -9) ; x.value = x.value.slice(0, -3) ; break ; case "t(": // sqrt y.innerHTML = (/[\d)IE]/.test(x.value.slice(-6, -5))) ? y.innerHTML.slice(0, -13) : y.innerHTML.slice(0, -10) ; x.value = x.value.slice(0, -5) ; break ; case "PI": // pi y.innerHTML = (/[\d)IE]/.test(x.value.slice(-2, -1))) ? y.innerHTML.slice(0, -10) : y.innerHTML.slice(0, -7) ; x.value = x.value.slice(0, -1) ; break ; case ".E": // e y.innerHTML = (/[\d)IE]/.test(x.value.slice(-2, -1))) ? y.innerHTML.slice(0, -9) : y.innerHTML.slice(0, -6) ; x.value = x.value.slice(0, -1) ; break ; default: y.innerHTML = y.innerHTML.slice(0, -1) ; x.value = x.value.slice(0, -1) ; } ; } } function ac() { var x = document.getElementById("result") ; var y = document.getElementById("myPara") ; x.value = y.innerHTML = "" ; } function ans() { var x = document.getElementById("result") ; var y = document.getElementById("myPara") ; var z = document.getElementById("myAns") ; x.value += "Ans" ; y.innerHTML += (/[\d)IE]/.test(y.innerHTML.slice(-1))) ? " * " + z.innerHTML : z.innerHTML ; } function equal() { var x = document.getElementById("result") ; var y = document.getElementById("myPara") ; var z = document.getElementById("myAns") ; for (var i = 0; i < x.value.split("(").length - x.value.split(")").length; i++) { y.innerHTML += ")" ; } if (y.innerHTML != "") { x.value = y.innerHTML = z.innerHTML = eval(y.innerHTML .replace(/(\d+\.?\d*)\!/g, "factorial($1)") .replace(/($?[^(]*$?)\^($?.*$?)/, "Math.pow($1, $2)") ) ; } if (!isFinite(x.value)) x.value = "Error!" ; } $(function(){ console.log=function(){}; //global variables var lat, lon, newLat, newLon, city, OWM_URL, temp, humid, pressure, country, clouds, counter = 0; var $map = $("#map"); var $spin = $(".spinner"); var $show = $("#showMap"); var $input = $("#input-city"); //OpenWeatherMap API key var OWM_API_KEY = "f60e4a83f03cad255c90e70d343827fb"; //Open this in browser https://cors-anywhere.herokuapp.com/ to see what it does OMW_URL = "https://cors-anywhere.herokuapp.com/http://api.openweathermap.org/data/2.5/weather?lat="+lat+"&lon="+lon+"&units=metric&appid=" + OWM_API_KEY; //display current city on load, or at least city of your IP address provider currentCity(); //Main function for city search searchCity(); //Function to show google map, definition is at bottom toggleMap(); //this is going to display a city of your IP address provider //it might be wrong ofcourse, in my case it's wrong by 500km. But then you can type in your desired city //I might include navigator.geolocation in future, but it's often not available in browsers, so for now it's this function currentCity(){ $.getJSON("http://ip-api.com/json", callback); function callback(data) { lat = data.lat; lon = data.lon; OWM_URL = "https://cors-anywhere.herokuapp.com/http://api.openweathermap.org/data/2.5/weather?lat="+lat+"&lon="+lon+"&units=metric&appid=" + OWM_API_KEY; updateWeather(OWM_URL); } } //Gets city based on your input function yourCity() { var city = $input.val(); var urlParam = ""; //if input is invalid, it shows weather in my city :) if (!city) { city="Split"; urlParam = "q="+city; } //regular expression to check whether input string contains any numbers //if it contains number, I assume that it is a ZIP code, and changed url parameter accordingly var regEx = city.match(/\d+/g); if (regEx !== null) { urlParam = "zip="+city; } else { urlParam = "q="+city; } OWM_URL = "https://cors-anywhere.herokuapp.com/http://api.openweathermap.org/data/2.5/weather?"+urlParam+"&units=metric&appid=" + OWM_API_KEY; updateWeather(OWM_URL); } //main function for updating weather based on url which is generated based on city or current place function updateWeather(OWM_URL) { //weatherData will hold all requested data(typically object or array) in JSON format $.getJSON(OWM_URL, function(weatherData){ //I uploaded icons in a way that their name ends with appropriate weather condition from API documentation //each weather condition has it's own short name, for example condition Clear sky has icon name 01d var icon = "https://weather-info.neocities.org/weather_photos/uelknvknjbbcbcdcbdjdcnun" + weatherData.weather[0].icon + ".PNG"; //based on an icon name, apply appropriate background image $("body").css("background-image", "url(" + "https://weather-info.neocities.org/weather_photos/jnkfvnhuejcdferbvnd_" + weatherData.weather[0].icon + ".JPEG" + ")"); city = weatherData.name; country = weatherData.sys.country; windDir = degToCompass(weatherData.wind.deg % 360); humid = weatherData.main.humidity; pressure = weatherData.main.pressure; clouds = weatherData.clouds.all; $(".city").html(city + ", " + country); $(".pressure").html(pressure + "hpa"); $(".humid").html(humid + "%"); $(".condition-icon").attr("src", icon); $(".weather-descr").html(firstLetterUpper(weatherData.weather[0].description) + "
(" + clouds + "% of clouds)"); $(".container-fluid").fadeIn(800); $spin.hide(); $(".compass").css({ "transform":"rotate(" + weatherData.wind.deg + "deg)", "-webkit-transform":"rotate(" + weatherData.wind.deg + "deg)" }); unitTrigger(weatherData); lat = weatherData.coord.lat; lon = weatherData.coord.lon; //after weather was updated with new latitude and longitude, set them to be equal to current ones newLat = lat; newLon = lon; }).fail(function(error) { //handle "404 not found" error, and show my city (usually happens when it's a wrong input) if (error.status == 404) { yourCity(); } else { //if it's come other problem, show currentCity (shows unexpectedly) currentCity(); } }); } //every click on unit button increases counter and calls this function which converts data //if the counter is odd number units are imperial, else metric function updateUnits(weatherData) { temp = weatherData.main.temp; windSpeed = weatherData.wind.speed*3.6; if(counter % 2 == 1) { //unary + operator, converts operand to a number if it already isn't, this will also ditch any unnecessary zeros temp = +(temp * (9/5) + 32).toFixed(1) +"°F"; windSpeed = +(windSpeed * 0.62137119223733).toFixed(2)+"mph"; $("#change").val("°C"); } else { temp = +temp.toFixed(1) +"°C"; windSpeed = +windSpeed.toFixed(2)+"kph"; $("#change").val("°F"); } $(".temp").html(temp); //sometimes there isn't info about wind direction, if that happens I put N as a direction if(windDir) { $(".wind").html(windDir + " " + windSpeed); } else { $(".wind").html("N " + windSpeed); } } //function for updating weather data on every API call and updating units on every click function unitTrigger(data) { updateUnits(data); $("#change").off("click").on("click",function(){ counter++; updateUnits(data); }); } //turn degreess into wind direction name, StackOverflow thank you function degToCompass(num) { //Divide angle by 22.5 because 360/16 = 22.5deg per direction change //Add 0.5 so that when we divide the value we can break the 'tie' between the direction change threshold // 'tie' means, for example if its 11.25 degress we don't know if it's "N" or "NNE", because it's on the threshold var val = Math.floor((num / 22.5) + 0.5); //16 directions which are going clockwise starting from North var arr = ["N", "NNE", "NE", "ENE", "E", "ESE", "SE", "SSE", "S", "SSW", "SW", "WSW", "W", "WNW", "NW", "NNW"]; //Return the value from array at the index of (mod 16) return arr[(val % 16)]; } //Monitors if the enter was pressed while typing in input field, if it's pressed, fire up click event on Go button function onEnterSearch() { $input.keyup(function(event) { if (event.keyCode == 13) { $("#submit").click(); } }); } //Main function for city search function searchCity() { onEnterSearch(); $("#submit").off('click').on('click',function() { $(".container-fluid").fadeOut(200); $spin.show(); yourCity(); $input.val('').blur(); }); } //Weather description comes with first letter lowercase, I like it uppercase, so that's this function firstLetterUpper(string) { return string.charAt(0).toUpperCase() + string.slice(1); } //BELOW IS GOOGLE MAPS SECTION function googleMaps(lati, longi){ window.google = {}; //api url var GGL_URL = "https://maps.googleapis.com/maps/api/js?key=AIzaSyDrd5FUzXQvUXYUrlzp3QiRLmR4utGsz1g&callback=?"; var pos= {lat: lati, lng: longi}; var map = null, marker = null; //send api request and set callback function $.getJSON(GGL_URL, initMap); //callback function for getJSON method, gets called after successful request function initMap(){ map = new google.maps.Map(document.getElementById('map'), { zoom: 10, center: pos }); marker = new google.maps.Marker({ map: map, position: pos, draggable: true }); //after marker was dragged to new position, save it's position in new variables google.maps.event.addListener(marker, 'dragend', function(ev){ //get position of new marker newLat = marker.getPosition().lat(); // new Lat-Lon after dragend-event newLon = marker.getPosition().lng(); }); //map won't get shown without this, because div was hidden and map acts the same without resize trigger, it's like an update google.maps.event.trigger(map, 'resize'); } } //Function to show/hide a map on button click function toggleMap() { $show.click(function() { if($map.is(':visible')) { if(newLat != lat || newLon != lon) { //update weather with new latitude and longitude OWM_URL = "https://cors-anywhere.herokuapp.com/http://api.openweathermap.org/data/2.5/weather?lat="+newLat+"&lon="+newLon+"&units=metric&appid=" + OWM_API_KEY; updateWeather(OWM_URL); } $map.fadeOut(); $show.val("⦿"); } else { $spin.fadeIn(100); $map.fadeIn(); googleMaps(lat, lon); $spin.fadeOut(100); $show.val("X"); } }); } });

Artifical Intelligence