How to validate a data from a csv with an input text, with javascript?

I am new to web development, surely what I am asking is very simple but I can not find a clear solution.

I have a single-column .csv file with pure numbers on the server-side doc / series.csv path, and from a javascript I want to read it so that it can then verify whether or not there is a number from the input text. .csv.

I need to know how I can read the csv and make the query using javascript.

this is the code

<label>Número de Serie del Producto <button id="btnvalidar" 
onclick="buscar()">VALIDAR NÚMERO DE SERIE</button><span style="padding- 
right:5px; padding-left:5px;" id="mensaje"></span><br>
   <span><input type="number" name="numero_serie" id="mySerie" value="" 
 size="40" placeholder="Escribe Aquí"></span></label>

<ul id="serieList" style="display: none;" >
<li>12345678</li>
</ul>


var buscar = function() {
var text;    
var serie = document.getElementById("mySerie").value;
if(!serie.replace(/\s+/g,'')) {//remove blank spaces
text = "Ingrese la serie";
    document.getElementById("mySerie").value = "";
    document.getElementById("register").disabled = true;
    document.getElementById('mySerie').style.border = 'thick solid red'
    document.getElementById('mensaje').style.float= 'right';
    document.getElementById('mensaje').style.color= '#fff';
    document.getElementById('mensaje').style.background= 'red';
//alert('Movie name required !');
document.getElementById("mensaje").innerHTML = text;
return;
}
serie = serie.toUpperCase();
var list = document.getElementById('serieList');
list = list.getElementsByTagName('li');//movie title list
var i = list.length, html, flag = false, matches = [];
while(i --) {//walk through the list
  html = list[i].innerHTML.toUpperCase();//get the movie in the li
  if(-1 !== html.indexOf(serie)){//-1, string not found
    flag = true;
    matches.push(html);
  }
}
if(!flag) {
  text = "Serie no válida";
      document.getElementById("mySerie").value = "";
      document.getElementById("register").disabled = true;
      document.getElementById('mySerie').style.border = 'thick solid red'
      document.getElementById('mensaje').style.float= 'right';
      document.getElementById('mensaje').style.color= '#fff';
      document.getElementById('mensaje').style.background= 'red';
} else {
  text = "Serie válida";
      document.getElementById("register").disabled = false;
      document.getElementById('mySerie').style.border = 'thick solid #A5DF00'
      document.getElementById('mensaje').style.float= 'right';
      document.getElementById('mensaje').style.color= '#fff';
      document.getElementById('mensaje').style.background= '#a5df00';
}
document.getElementById("mensaje").innerHTML = text;

};