Javascript 向元素添加不同的数据属性，由js创建

请帮忙。如何为元素设置不同的数据属性，这些元素由js使用forEach创建

const buttons = ['%', 'C', 'DEL', '÷', '1', '2', '3', '*', '4', '5', '6', '+', '7', '8', '9', '-', '.', '0', '='];
buttons.forEach(button => {
    const btn = document.createElement('button');
    btn.innerHTML = button;
    fragment.appendChild(btn);
});

最后我应该得到

<button data-all-clear class="span-two">AC</button>
    <button data-delete>DEL</button>
    <button data-operation>÷</button>
    <button data-number>1</button>
    <button data-number>2</button>

AC
德尔
÷
1.
2.

---

怎么可能呢？

您需要使用'charCodeAt'方法检查数组中每个元素的ASCII字符。 请检查下面的工作示例

Ascii码
window.onload=函数（）{
常量按钮=['%'、'C'、'DEL'、'÷'、'1'、'2'、'3'、'*'、'4'、'5'、'6'、'+'、'7'、'8'、'9'、'-'、'.'、'0'、'=']；
const fragment=document.getElementById（'fragment'）；
按钮。forEach（按钮=>{
const btn=document.createElement（'button'）；
const charCode=button.charCodeAt（）；
如果（charCode>=37&&charCode=48&&charCode=97&&charCode=65&&charCode