basti1012.bplaced.net

Hallo ich habe ein kleines Problem ich habe eine Datei die ich filtern muss die Datei ist so aufgebaut: <div class="prehelp"><pre class="html_code"><li onclick='chatauswahl("Max");'>Max</li> <li onclick='chatauswahl("Tim");'>Tim</li> <li onclick='chatauswahl("Aron");'>Aron</li> <li onclick='chatauswahl("Justin");'>Justin</li></pre></div> ich lesse die Datei mit file_get_contents aus ich habe es versucht so zu filtern und zwar wenn man ein Name in ein Input Feld eingibt soll das li mit dem namen raus geschnitten werden

Code

                                    
                                Lösche li mit namen <input type="text" id="name"><button id="kill">Lösche</button> Groß und Kleinschrebung beachten ? <input type="checkbox" id="check">
<ul>
<li>Max</li>
<li>Tim</li>
<li>Aron</li>
<li>Justin</li>
</ul>


<script>
  document.getElementById('kill').addEventListener('click',function(){
name=document.getElementById('name').value;
    grkl=document.getElementById('check').checked;
    weiter(name,grkl);
})
function weiter(name,grkl){
   li=document.querySelectorAll('li');
   for(x=0;x<li.length;x++){
      if(grkl!=true){
         name=name.toUpperCase()
         inhalt=li[x].innerHTML.toUpperCase();
      }else{
         inhalt=li[x].innerHTML;
      }
      treffer=inhalt.indexOf(name);
      if(treffer!=-1){
         if(name.length==inhalt.length){// damit bei eingabe eines  buchstabens nicht gelöscht wird , erst bei kompletter übereinstimmung
            li[x].style.background='red';
         }else{
            li[x].style.background='white';
         }
      }else{
            li[x].style.background='white';
      }
  }
}

</script>