读取文本文件中的数据并使用方法计算和显示某些值（基本JavaScript）_Javascript

读取文本文件中的数据并使用方法计算和显示某些值（基本JavaScript）

javascript

读取文本文件中的数据并使用方法计算和显示某些值（基本JavaScript）,javascript,Javascript,因此，这是一个请求一些帮助送我在正确的道路上。我知道java脚本的基础知识。我修过一些课程，包括代码学院和因此，在uni的这学期，我们必须使用java脚本读取一个文件（.txt），然后创建一些方法来计算一些值，字符串ect，然后在html站点上显示这些值我需要你们的帮助，为我指明正确的方向，提供一些资源，帮助我学习如何做到这一点我知道我必须学习的东西：将数据从.txt文件推送到数组。（我认为个人数据将以特殊字符分隔（例如：/，）如何从该数组中获取数据，然后在方法中使用它来计算值或字

因此，这是一个请求一些帮助送我在正确的道路上。我知道java脚本的基础知识。我修过一些课程，包括代码学院和

因此，在uni的这学期，我们必须使用java脚本读取一个文件（.txt），然后创建一些方法来计算一些值，字符串ect，然后在html站点上显示这些值

我需要你们的帮助，为我指明正确的方向，提供一些资源，帮助我学习如何做到这一点

我知道我必须学习的东西：

将数据从.txt文件推送到数组。（我认为个人数据将以特殊字符分隔（例如：/，）
如何从该数组中获取数据，然后在方法中使用它来计算值或字符串值
我还需要一个好的资源来学习创建方法

我附加的代码已经做到了这一点，但我需要了解它是如何工作的。这是我无法独自完成的原因之一

我不确定这是不是该问的地方，但谢谢阅读。：）

Javascript代码：

    var loadedHandler = function (event) {
  // console.log("file has loaded")
  // console.log(event.target.result);
  var user = event.target.result.split('\r\n');
  console.log(user);
  // console.log("here 3");

  localStorage.setItem('user', JSON.stringify({username: user[0], password: user[1]}));
  var result = JSON.parse(localStorage.getItem('user'));
  console.log(JSON.stringify(user));
  console.log(result);
};

// define the reaction when change event happens
var fileChangeHandler = function (event) {
  "use strict";  
  // console.log("file has changed!")
  var reader = new FileReader();  
  reader.onload = loadedHandler;

  // console.log("here 1");
  var theFile = event.target.files[0];
  reader.readAsText(theFile);
  // console.log("here 2");
};

Html:


//将输入HTML元素创建为ibxFile
var ibxFile=document.createElement（“输入”）；
//将HTML元素的类型设置为“file”
setAttribute（“类型”、“文件”）；
//将HTML元素的id设置为“inputFile”
setAttribute（“id”、“inputFile”）；
setAttribute（“多个”、“多个”）；
//将ibxFile元素附加到此HTML页面的正文中
document.body.appendChild（ibxFile）；
document.getElementById（“inputFile”）.addEventListener（'change'，fileChangeHandler）；

<!doctype html>
<html>
<head>
  <script src="simpleLoader.js">
  </script>
</head>
<body>
  <script>
    // create an input HTML element as ibxFile
    var ibxFile = document.createElement("INPUT");
    // set the type of the HTML element to "file"
    ibxFile.setAttribute("type", "file");
    // set the id fo the HTML element to "inputFile"
    ibxFile.setAttribute("id", "inputFile");
    ibxFile.setAttribute("multiple", "multiple");

    // append the ibxFile element to the body of this HTML page
    document.body.appendChild(ibxFile);

    document.getElementById("inputFile").addEventListener('change', fileChangeHandler);
  </script>
</body>
</html>