2016-08-02 4 views
-1

사용자가 단어 나 문자열 목록을 지정할 수있는 입력 영역을 원합니다 (예 : "www.", ".com", "Random Word"). 사용자가 제출 한 단어 목록에서 필터링됩니다. 나는 .map과 .replace를 사용하는 것을 보았지만 누군가가 제출 한 입력을 사용하는 방법을 모르겠습니다.단어 목록에서 사용자가 선택한 단어 제거

도움 주셔서 감사합니다.

+2

당신은 당신의 코드의 추출물을 추가해야합니다. – TyrionGraphiste

답변

0

다음은 텍스트 필드 (searchTerm)의 각 단어에 대해 data 배열을 검색합니다. 현재 공간에서 용어를 분리하고 있지만 쉼표 나 다른 여러 가지 방법으로이를 쉽게 변경할 수 있습니다. 여기에는 여러 단어 검색 용어 (예 : '임의 단어')를 허용하는 정규식을 포함합니다. 검색어의 내용은 배열에서 result 변수로 필터링됩니다. 검색은 대소 문자를 구분합니다 (변경도 쉽습니다).

var data = [ 'Hello', 'World' ]; 
 

 
function buttonClicked() { 
 
    var element; 
 
    element = document.getElementById('searchTerm'); 
 
    var searchTerms = element.value.split(' '); 
 
    var result = data.filter(
 
     e => -1 == searchTerms.indexOf(e) 
 
    ); 
 
    console.log(result); 
 
} 
 

 
function init() { 
 
    var element; 
 
    element = document.getElementById('button'); 
 
    element.addEventListener('click',buttonClicked,false); 
 
} 
 

 
window.addEventListener('DOMContentLoaded', init, false);
<body> 
 
    <form> 
 
    <input id='searchTerm' type='text'> 
 
    <input id='button' type='button'> 
 
    </form> 
 
</body>

+0

빠른 답장을 보내 주셔서 감사합니다. 일단 코드로 작업하게되면 업데이트 해 드리겠습니다. – Pyreal