计算打字稿中的其余部分 - Javascript

本篇文章将介绍如何使用 Javascript 计算打字稿中未输入的文字部分。我们将通过计算已输入的文本长度和总文本长度的差值来得出未输入的文本长度。

实现步骤

以下是实现步骤：

1. 获取打字稿的总长度

   const text = document.getElementById("text").textContent;
   const totalLength = text.length;
   

2. 获取已输入的文本长度

   const input = document.getElementById("input").value;
   const inputLength = input.length;
   

3. 计算未输入的文本长度

   const remainingLength = totalLength - inputLength;
   

4. 显示未输入的文本长度

   const remaining = document.getElementById("remaining");
   remaining.textContent = remainingLength;
   

完整代码

以下是完整的 Javascript 代码：

const text = document.getElementById("text").textContent;
const input = document.getElementById("input");
const remaining = document.getElementById("remaining");

input.addEventListener("input", function() {
  const totalLength = text.length;
  const inputLength = input.value.length;
  const remainingLength = totalLength - inputLength;
  remaining.textContent = remainingLength;
});

说明

上述代码通过监听输入框的 input 事件来计算未输入的文本长度，并将结果更新到页面中。

注：本篇代码片段未含有 DOM 元素，请结合您自己的项目中的 DOM 元素进行修改使用。