如何在 Web 组件 Java 脚本中将数字转换为相应的字母

Question

你好一种类型的文本输入，当写一个数字时，将相应的文本写在另一个例子下面123..一二三……111 一一一 ... 825 八二五 123 一二三 111 一一一我以该功能为基础，但我不知道该怎么做如果有人可以帮助我，非常感谢const tmp= document.createElement('template');tmp.innerHTML=`    <div>            <input type="text" placeholder="Tercer componente" onkeyup="remplacenumber(this)"  />    <label miPropiedad="" />    </div>`;function remplacenumber(e){    e.value = e.value.replace(/[1-1000]/g, "")  }class Numeros extends HTMLElement{        constructor(){        super();         this._shadowRoot=this.attachShadow({'mode':'open'});       }}window.customElements.define('neo-numeros',Numeros)

Answer 1

正如评论中所建议的那样，因为您只想更好地打印数字用户一个包含数字字符串的数组，并使用该数组中数字的索引位置来创建以字母形式表示您的数字的字符串

var numtoStrarr = ["zero", "one", "two", "three", "four", "five", "six", "seven", "eight", "nine"]

function returnNumberAsString(numberInput) {

  var numSplit = numberInput.toString().split('');

  var stringArr = [];

  numSplit.forEach(x => stringArr.push(numtoStrarr[x]));

  return stringArr.join(' ');

}

console.log(returnNumberAsString(100));

console.log(returnNumberAsString(1130));

Answer 2

对于我的观点：

const output = document.getElementById("numbersOutput");

function replaceNumber(input) {

  const numbersInLetters = ["zero", "one", "two", "three", "four", "five", "six", "seven", "eight", "nine"];

  let numbers = input.value.split("");

  let newNumbers = numbers.map((n) => numbersInLetters[parseInt(n)]);

  output.innerHTML = newNumbers.join(" ");

}

<input type="number" placeholder="Enter a number" onkeyup="replaceNumber(this)" />

<p id="numbersOutput"></p>

您仍然使用您的 HTML 输入区域。

• numbers是包含您的输入的字符串数组。

• newNumbers是一个字符串数组，其中包含转换为文字数字的数字。

  
  

Answer 3

我相信这就是您要找的：

const numberToWordsBank = ["zero", "one", "two", "three", "four", "five", "six", "seven", "eight", "nine"];

const numberInput = document.getElementById("number-input");

const words = document.getElementById("words")

const updateTranslation = document.getElementById("update-translation")

updateTranslation.addEventListener("click", () => {

    words.textContent = '';

    for (const number of numberInput.value) {

        words.textContent += numberToWordsBank[number] + ' ';

    }

});

HTML（将 script.js 更改为您的 javascript 文件的名称）：

<input id="number-input" type="text" />

<button id="update-translation">update</button>

<p id="words"></p>

<script src="script.js"></script>