Wordcloud with FLASK-뼈대 대공사 (3)

Entrez쪽 뼈대 만든거랑 버튼 얘기 있으니까 기둘려보시오 

---

Entrez with wordcloud 뼈대

이 뼈대가 완전한 건 아닌게 글꼴 선택란이 없음.. 지금 생각중인건 어비 스윗체/둘기마요/나눔고딕정도... 아무튼 Entrez with wordcloud 뼈대도 만들었음. 

 

입력부

출력부는 별 차이 없고, 얘는 입력 인자가 검색어랑 논문 갯수뿐이라 입력란이 간소하다. 지금은 논문 개수 입력하는 란이 없는데 그건 나중에 만들면 되고… 

 

Sample text 버튼

Text with wordcloud는 찍먹이나 해보자 하는 분들을 위한 샘플 텍스트를 제공하고 있다. 한글 2 영어 2 생각중인데 영어 하나 제보좀 해주세요… 

 

<button type="button" class="sample" id="sample1" onclick="starcount()">샘플 텍스트(윤동주-별 헤는 밤)</button>
<button type="button" class="sample" id="sample2">샘플 텍스트(이육사-청포도)</button>
<button type="button" class="sample" id="sample3">샘플 텍스트 3</button>
<button type="button" class="sample" id="sample4">샘플 텍스트 4</button>

일단 HTML에 온클릭을 넣는다.

 

function bluegrape() {
    let contents = document.querySelector('textarea')
    const text = `내 고장 칠월은
청포도가 익어가는 시절

이 마을 전설이 주절이주절이 열리고
먼데 하늘이 꿈꾸며 알알이 들어와 박혀

하늘 밑 푸른 바다가 가슴을 열고
흰 돛단배가 곱게 밀려서 오면

내가 바라는 손님은 고달픈 몸으로
청포를 입고 찾아온다고 했으니

내 그를 맞아 이 포도를 따먹으면
두 손은 함뿍 적셔도 좋으련

아이야 우리 식탁엔 은쟁반에
하이얀 모시 수건을 마련해두렴`
    contents.textContent = text
}

그 다음 자바스크립트(스크립트 파일)로 넘어가서 함수를 이렇게 짜 주면 된다. (길이 제일 짧은게 저거) textarea를 가져와서 해당 텍스트를 컨텐츠로 채우는 식. 

참고로 영문 샘플 텍스트 하나는 그 뭐지? 그 시 있었는데 네버모어 하는... 그거다.