내일배움단 11일메이킹챌린지 10일차

프로젝트

city 값을 return 하지 못해서 노가다를 하다가 튜터님 도움으로 return 문제를 해결했다.
일단 까먹고 전역변수로 설정을 못한 것 하나.. 그리고 함수로 return을 받는 문제만 남았는데,
JavaScript는 함수 return이 가능하다고 한다!!

let city = 'arctic'; //default
let time = '12'; //default

function bring(n) {
                time = $('#time_'+n).attr('id').split('_')[1];
                return show(city, time)
            }

        function bring_city(where) {
            city = $('#city_'+where).attr('id').split('_')[1];
            return show(city, time)
        }

        function show(city, time) {
            $("#city_"+city).attr('href','static/'+city+'_'+time+'.jpg');
        }

이전에는 return city, name만 해서 function show에서 city와 time의 값을 받아오지 못했는데, 이젠 가능해졌다!!! (까먹지 말고 잘 기억해둬야지ㅠㅠ)

원래는 이렇게 길었다...

function bring(n) {
                let time = $('#time_'+n).attr('id').split('_')[1];
                $("#city_name1").attr('href','static/name1_'+time+'.jpg');
                $("#city_name2").attr('href','static/name2_'+time+'.jpg');
                $("#city_name3").attr('href','static/name3_'+time+'.jpg');
                $("#city_name4").attr('href','static/name4_'+time+'.jpg');
                $("#city_name5").attr('href','static/name5_'+time+'.jpg');
                $("#city_name6").attr('href','static/name6_'+time+'.jpg');
                $("#city_name7").attr('href','static/name7_'+time+'.jpg');
                $("#city_name8").attr('href','static/name8_'+time+'.jpg');
}

ajax로 도시 이름과 시간을 받아오는 코드도 문제없이 작성하였다.
(솔직히 변수 이름들 너무 많아서 헷갈려서 힘들었다...)

function showsky() {
                $.ajax({
                    type: "GET",
                    url: "/click",
                    data: {},
                    success: function (response) {
                        let get_city = response['cities'][0]['city']
                        let get_time = response['times'][0]['time']
                        alert('도시 : '+get_city[0]+', 시간 : '+get_time[0]);
                    }
                })
            }