Randomness
quotes를 랜덤 배정했을때와 같이
배경화면도 Math.Random을 이용하여 삽입해볼려고한다
일단 quotes를 설정했을때와 같이 코드는 똑같이 작성한다.
createElement
여태 html을 javascript로 불러 왔다면
이번엔 javascript에서 HTML을 생성해볼려고한다.
먼저 createElement()를 사용하여 javascript에서 HTML을 생성한다
()안에는 내가 만들고싶은 태그명을 입력하면 된다
보다싶이 console.log로 확인하였을때 img태그가 만들어 졌다.
여기서
이미지태그안에 랜덤을 배정된 이미지 값을 이미지 소스로 넣어준다.
HTML에서도 잘 적용이 돼었다.
appendChild()
젤 중요한것 appendChild()함수를 이용하여 body에 html을 추가한다.
appendChild()는 body에 HTML을 추가하는 용도밖에 없다.
prepend도 있는데 append와 차이는
append는 태그 맨 마지막에 오게끔하고
prepend는 태그 맨 위에 오게끔 한다
이렇게만 하면 사진이 배경화면으로 가지않는다 CSS에서 코드를 작성하여 이미지를 배경화면처럼 뒤로 넘기게끔 해줘야한다.
총 결과물은
