js 랜덤 활용

const phrase = [
    {
        one:"It is",
        two:" test"
    }
    ,
    {
        one:"It's",
        two:" TEST"
    }
]
const image=[
    "0.jpg", "1.jpg", "2.jpg"
]
const put = document.querySelector(".ph span:first-child");
const put1 = document.querySelector(".ph span:last-child");
const num = phrase[Math.floor(Math.random()*phrase.length)];    
put.innerText = num.one
put1.innerText = num.two
const num1=image[Math.floor(Math.random()*3)]
const rndImg = document.createElement("img");
rndImg.src = `img/${num1}`
document.body.appendChild(rndImg);

math.random() 과 같은 형식으로 math 의 내부에 함수들을 사용

document.creatElement(" ") 으로 태그를 생성.

아랫줄 .src로 랜덤 이미지를 가리킨다.

그다음 .appendChild 로 body 속에 완성한 태그를 집어넣어서 랜덤 이미지 출력.