[JavaScript] 문자열에 특정 단어가 포함될 때

유얌얌·2023년 10월 26일

JavaScript

목록 보기
4/30

사용자 입력 값에 badWords에 들어있는 단어가 있으면, **로 바꿔 출력

      const badWords = ['바보', '멍청', '메롱', ]
      const userInput = document.querySelector('#userInput')    
      const output = document.querySelector('#output')

      function filterMessage(event) {
        // badWords에 포함된 단어가 입력될 경우, '**'으로 변환하여 output에 출력 
        let changeMessage = event.currentTarget.value  // 사용자 입력값을 changeMessage에 넣음
        for (badWord of badWords) {    // badWords 리스트 순회(비교를 위해)
            changeMessage = changeMessage.replaceAll(badWord, '**')  // changeMessage에 badWord는 **으로 바꿔줌
        }   // if 안써도 돼 -> badWord가 있으면 바꾸고, 없으면 안바꾸니까
        output.textContent = changeMessage  // output의 content에 changeMessage를 넣음
      }

      userInput.addEventListener('input', filterMessage)   

profile
조금씩이라도 꾸준하게

0개의 댓글