자바스크립트에서 날씨에따라 배경과 이미지변경

안녕하세요 js랑 html 공부중인 학생입니다.

자바스크립트에서 날씨에따라 웹 배경과 날씨이미지를 변경하고 싶은데 너무 어렵습니다....

날씨 api 같은경우에는 http://ip-api.com/json 여기에서 받아와서 

https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">   " target="_blank" rel="noopener noreferrer">https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js">     https://fonts.googleapis.com/css?family=Share+Tech+Mono" rel="stylesheet">                                  

현재 온도:

습도:

전체:

이렇게 까지 제작을 했는데 배경이랑 날씨 이미지 변경하는 방법이 있을까요?ㅠㅠ