게시글 작성할 때 기분, 장소, 분위기, 그림체를 선택하여 DALL·E 2 - OpenAI에게 그림을 그리도록 한다.
그 그림과 일기를 써서 업로드 하는 그림일기 사이트를 만드는 것이 이번 프로젝트!

다음 코드는 그렇게 작성자가 고른 것을 DALL-E에게 list 형태로 넘겨주려고 작업한 것이다.

불운하게도 이 코드는 실제 프로젝트에서 쓰이지 못해서 기록으로 남긴다..

diary_posting.js

...

let list = []; // list 전역변수 선언

async function moodChoice(event) {
  document.getElementById('mood').innerText =
    event.target.value;
  const mood = document.getElementById('mood').innerText

  const index = list.indexOf(mood); //중복제거
  if (index > -1) {
    list.splice(index, 1);
  }

  list.push(mood)
  console.log(mood)
  console.log(list)

  return list;


}

async function placeChoice(event) {
  document.getElementById('place').innerText =
    event.target.value;
  const place = document.getElementById('place').innerText

  // list = [place];

  const index = list.indexOf(place);
  if (index > -1) {
    list.splice(index, 1);
  }

  list.push(place)

  console.log(place)
  console.log(list)
  return list;

}

async function atmosphereChoice(event) {
  document.getElementById('atmosphere').innerText =
    event.target.value;
  const atmosphere = document.getElementById('atmosphere').innerText

  // list = [atmosphere];

  const index = list.indexOf(atmosphere);
  if (index > -1) {
    list.splice(index, 1);
  }

  list.push(atmosphere)

  console.log(atmosphere)
  console.log(list)
  return list;

}

async function imgstyleChoice(event) {
  document.getElementById('imgstyle').innerText =
    event.target.value;
  const imgstyle = document.getElementById('imgstyle').innerText

  // list = [imgstyle];

  const index = list.indexOf(imgstyle);
  if (index > -1) {
    list.splice(index, 1);
  }

  list.push(imgstyle)

  console.log(imgstyle)
  console.log(list)
  return list;

}
profile
가보자고

0개의 댓글