영어 n단어마다 빈칸 만들어주기

영어 본문 입력하고
빈칸에 숫자 입력하면 n단어마다 빈칸 만들어주기
(영어 + 그 외 언어 입력해도 영어만 빈칸 만들도록 함)

html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>빈칸문제</title>
    <script src="test.js"></script>
    <style>
        textarea{
            width: 50%;
            height: 300px;
            border: 5px solid black;
            border-radius: 12px;
        }
        input{
            display: block;
            margin: 20px 0 20px 0;
            border: 2px solid black;
            height: 30px;
            border-radius: 12px;
        }
    </style>
</head>
<body>
<input type="text" id="random_value" placeholder="숫자를 적어주세요.">
<button type="submit" id="submit_all" onclick="changeTxt()">문제 볼게요!</button>
<div id="blanked_text"></div>
</body>
</html>

js 



function changeTxt(){
    const testTxt = document.getElementById('original_text').value;
    const arr1 = testTxt.split(' ');
    const englishReg = /^[A-Za-z][A-Za-z0-9]*$/;
    let standardNum = document.getElementById('random_value').value;
    let arr2 = [];
    let word;
    for(let i=0; i<arr1.length; i++){
        if(i%standardNum === 0 && englishReg.test(arr1[i])){
            word = `_________`
        }else{
            word = arr1[i];
        }
        arr2.push(word);
    }

    let result = ''
    for(let j=0; j<arr2.length; j++){
        result = result + arr2[j] + ' '
    }
    console.log(result);
    const blankedDiv = document.getElementById('blanked_text');
    blankedDiv.innerText = result;
}
8. 몽고디비
[WIL] 미니프로젝트 (FormData로 이미지 url이랑 다른 content랑 같이 서버로 보내기 with. AXIOS)

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage