Page 21 - MDP2020-1
P. 21

················································································  명장양성프로젝트  【MDP】  과제발표회  자료집  Ⅰ    |  15


                        사)  subway.js
            function  subwayModule(location){
                    const  displayLocation_SuMo  =  location;
                    const  subwayContainer  =  document.querySelector(displayLocation_SuMo);

                    const  statSt  =  document.createElement("p");
                    const  lineNm  =  document.createElement("p");
                    const  ArriveSt  =  document.createElement("p");
                    let  trainLineNm  =  "";

                    function  printSubway(){
                            fetch(
                                    'http://swopenapi.seoul.go.kr/api/subway/774b6f7549676b733130325a6f63714
            8/json/realtimeStationArrival/0/1/%EC%A0%9C%EB%AC%BC%ED%8F%AC'
                            ).then(function(response){
                                    return  response.json();

                            }).then(function(json){
                                    const  statnNm  =  json.realtimeArrivalList[0].statnNm;
                                    trainLineNm  =  json.realtimeArrivalList[0].trainLineNm;
                                    const  arvlMsg  =  json.realtimeArrivalList[0].arvlMsg2;

                                    trainLineNm  =  trainLineNm.indexOf("[")  ===  -1  ?  trainLineNm  :  trainLineN
            m.replaceAll("[","");
                                    trainLineNm  =  trainLineNm.indexOf("]")  ===  -1  ?  trainLineNm  :  trainLineN
            m.replaceAll("]","");
                                    statSt.innerText  =  `${statnNm}역`;
                                    lineNm.innerText  =  `${trainLineNm}`;

                                    ArriveSt.innerText  =  `${arvlMsg}`;
                                    subwayContainer.appendChild(statSt);
                                    subwayContainer.appendChild(lineNm);
                                    subwayContainer.appendChild(ArriveSt);
                            })

                    }
                    function  init(){
                            printSubway();
                    }
                    init();

            }
            module.exports  =  subwayModule;
   16   17   18   19   20   21   22   23   24   25   26