首頁猿問如何在 Web 組件 Java...

如何在 Web 組件 Java 腳本中將數字轉換為相應的字母

JavaScript

HUH函數 2023-06-09 15:48:08

你好一種類型的文本輸入，當寫一個數字時，將相應的文本寫在另一個例子下面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)

查看完整描述

3 回答

嚕嚕噠

TA貢獻1784條經驗獲得超7個贊

正如評論中所建議的那樣，因為您只想更好地打印數字用戶一個包含數字字符串的數組，并使用該數組中數字的索引位置來創建以字母形式表示您的數字的字符串

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));

反對回復 2023-06-09

三國紛爭

TA貢獻1804條經驗獲得超7個贊

對于我的觀點：

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(" ");

}

您仍然使用您的 HTML 輸入區域。

numbers是包含您的輸入的字符串數組。
newNumbers是一個字符串數組，其中包含轉換為文字數字的數字。

反對回復 2023-06-09

qq_遁去的一_1

TA貢獻1725條經驗獲得超8個贊

我相信這就是您要找的：

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 文件的名稱）：

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

反對回復 2023-06-09

3 回答
0 關注
218 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

如何在 Web 組件 Java 腳本中將數字轉換為相應的字母

如何在 Web 組件 Java 腳本中將數字轉換為相應的字母

3 回答

添加回答