무의미한 글 생성기 (글자수 제한을 두는 스크립트를 추가)

글자수 제한을 두는 스크립트를 추가해보자.

자바스크립트(제이쿼리) 프로그램에는 방법이 너무 많다.

기존 작업에서 파란색 스크립트를 추가해 줬다.

무의미한 글을 만들어주는 스크립트를 만들어 본다.

새로고침 하면 저장해둔 글이 띄어쓰기 기준으로 랜덤하게 섞여서 뿌려진다.

editPlus에서 작성

https://www.editplus.com/

//----------------------------------------------------------------------------------------------------------------------------------------------------

*----------------------------------------------------------------------------------------------------------------------------------------------------

//----------------------------------------------------------------------------------------------------------------------------------------------------

    // 랜덤으로 정렬하기

function shuffleArray(arr) 

{ 

var tmp = ""; 

var ranDom = 0; 

 var nArr = [];

 var cutLength = 100;  // 이부분 숫자를 조절하면 전체 길이 조절이 가능하다.

var cutStr = "";

var cutI = 0;

for (var i = arr.length-1; i > 0; i--) 

{ 

ranDom = Math.floor(Math.random() * (i + 1)); 

tmp = arr[i]; 

arr[i] = arr[ranDom]; 

    if(cutStr.length < cutLength){

nArr[cutI++] = arr[i]; 

}

arr[ranDom] = tmp; 

   cutStr += tmp;

} 

return nArr;

}

          // 문서가 로드되면

$(document).ready(function(){

var text1 = $("#text1").html() ;

var reText = text1.split(" ");

reText = shuffleArray(reText);

var reTextLength = reText.length;

var reTextLength = Math.floor(reTextLength/3);

var reTextCnt = 1;

var reStr = "";

$.each(reText, function(i){

reStr += reText[i] + " ";

if(reTextCnt < 3){

if( (reTextLength*reTextCnt) == i ) {

reStr += "<br/><br/>";

reTextCnt++;

}

}

});

$("#viewText").html(reStr) ;

});

 <div id="text1" style='display:none;'> 

며칠 사이 해가 떴는지 비가 오는지도 

모르고 살았어 추억에 몸을 맡긴채 어두워야 

눈을 뜨며 널 잃고 난 그렇게 살았어 똑같은 

하늘 아래 똑같은 바람 맞고 같이 숨쉬며 살아도 

이렇게 우린 잊은듯 없는듯 지낼수 있다는게 왜이리 

아프니 마주치지 말자 우리 다시 마주치지 말자 

살다보면 언젠가는 널 잊을수 있을거야 

니가 버린 추억에 한번쯤은 돌아보겠지만 

아프니까 더 아프니까 그만하자 사랑 추억 

이별 아픔 다 버린다 똑같은 하늘 아래 똑같은 

바람 맞고 같이 숨쉬며 살아도 이렇게 우린 잊은듯 

없는듯 지낼수 있다는게 왜이리 아프니 마주치지 말자 

우리 다시 마주치지 말자 살다보면 언젠가는 널 잊을수 있을거야 

니가 버린 추억에 한번쯤은 돌아보겠지만 

아프니까 더 아프니까 그만하자 사랑 추억 이별 아픔 

다 버린다 사랑은 왜 내게 순간이며 추억은 왜 오랜 

아픔이니 다 잊을거야 마주치지말자 우리 다시 

마주치지말자 앞만보고살자 우리 죽었다고 믿자 

우리 니가 버린 추억에 한번쯤은 돌아보겠지만 

아프니까 더 아프니까 그만하자 

사랑 추억 이별 아픔 다 버렸다 

 </div>  

 <div id="viewText">

 </div>

 

//----------------------------------------------------------------------------------------------------------------------------------------------------

*----------------------------------------------------------------------------------------------------------------------------------------------------

//----------------------------------------------------------------------------------------------------------------------------------------------------

문단수(reTextCnt)를 조절해 보고 text1을 text2,text3.... 여러개 늘려서 해보면 좋다. (빨간색)

끝~!!