사용자가 단어 나 문자열 목록을 지정할 수있는 입력 영역을 원합니다 (예 : "www.", ".com", "Random Word"). 사용자가 제출 한 단어 목록에서 필터링됩니다. 나는 .map과 .replace를 사용하는 것을 보았지만 누군가가 제출 한 입력을 사용하는 방법을 모르겠습니다.단어 목록에서 사용자가 선택한 단어 제거
도움 주셔서 감사합니다.
사용자가 단어 나 문자열 목록을 지정할 수있는 입력 영역을 원합니다 (예 : "www.", ".com", "Random Word"). 사용자가 제출 한 단어 목록에서 필터링됩니다. 나는 .map과 .replace를 사용하는 것을 보았지만 누군가가 제출 한 입력을 사용하는 방법을 모르겠습니다.단어 목록에서 사용자가 선택한 단어 제거
도움 주셔서 감사합니다.
다음은 텍스트 필드 (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>
빠른 답장을 보내 주셔서 감사합니다. 일단 코드로 작업하게되면 업데이트 해 드리겠습니다. – Pyreal
당신은 당신의 코드의 추출물을 추가해야합니다. – TyrionGraphiste