Javascript 如何存储数字的历史记录

这是一个简单的计算器。 如果写下3*3并按=需要，这个答案在文本区域会太过平淡，比如3*3=9。你有图片需要帮助

函数Git{ 窗openhttps://github.com/thelexa; } //隐藏元素 函数myFunction{ var x=document.getElementByIdCal； 如果x.style.display==无{ x、 style.display=块； }否则{ x、 style.display=无； } } //展示 函数runLB{ document.case.display.value+= } 函数runRB{ document.case.display.value+= } 函数run1{ document.case.display.value+=1 }; 函数run2{ document.case.display.value+=2 }; 函数run3{ document.case.display.value+=3 }; 函数run4{ document.case.display.value+=4 }; 函数run5{ document.case.display.value+=5 }; 函数run6{ document.case.display.value+=6 }; 函数run7{ document.case.display.value+=7 }; 函数run8{ document.case.display.value+=8 }; 函数run9{ document.case.display.value+=9 }; 函数run0{ document.case.display.value+=0 }; 函数runPlus{ document.case.display.value+=+ }; 函数run减号{ document.case.display.value+=- }; 函数runDivide{ document.case.display.value+=/ }; 函数runMultiply{ document.case.display.value+=* }; 函数runComma{ document.case.display.value+=。 }; 函数回退{ var val=document.case.display.value.0，-1； document.case.display.value=val； }; 函数runC{ document.case.display.value= }; 函数runEquals{ 如果document.case.display.value=={ document.case.display.value= }否则{ var等于=evaldocument.case.display.value document.case.display.value=等于； } } 包装器{display:flex；} html{ 背景： 线性梯度RGBA196,102,0,0.6,rgba155,89,182,0.6； } 保险商实验室{ 列表样式：无； } 身体{ 宽度：500px； } 吉特{ 位置：绝对位置； 颜色：fff； 背景：rgba155,89,182,0.6； 左：94.5%； 字体大小：20px； 边界半径：30px； 宽度：100px； 高度：60px； 字体系列：无衬线； 文字装饰：无； 框大小：边框框； 背景大小：400%； } 注{ 边缘底部：35px； 转化：转化0,50%； 宽度：400px； 高度：60px； 线高：60px； 颜色：fff； 字体大小：30px； 文本转换：大写； 文字装饰：无； 字体系列：无衬线； 框大小：边框框； 背景：线性梯度RGBA196、102、0、0.9、rgba155、89、182、0.9； 背景大小：400%； 边界半径：30px； z指数：1； } 注意：悬停 { 动画：动画5s线性无限； } @关键帧设置动画 { 0% { 背景位置：0%； } 100% { 背景职位：500%； } } 注：之前 { 内容：； 位置：绝对位置； 顶部：-5px； 左：-5px； 右：-5px； 底部：-5px； z指数：-1； 背景：线性梯度90度，03a9f4，f441a5，ffeb3b，03a9f4； 背景大小：400%； 边界半径：40px； 不透明度：0； 过渡：0.5s； } 注意：悬停：在 { 过滤器：blur20px； 不透明度：1； 动画：动画5s线性无限； } {} 形式{ 背景：线性梯度RGBA196、102、0、0.6、rgba155、89、182、0.6； 文本对齐：居中； 填充：7px； 对齐内容：居中对齐； 边界半径：10px； 边框：5px实心RGBA196102,0,0.6； } 展示{ 宽度：98%； 高度：50px； 文本对齐：右对齐； 字体大小：3rem； 保证金：5px； 边框：5px实心RGBA196102,0,0.9； } .数字{ 字号：2rem； 背景色：F8； 高度：55px； 宽度：20%； 边框：1px实心C6； 显示：内联块； 盒影：1px 1px 1px； 颜色：444； 字体系列：Roboto常规字体、helvetica字体、arial字体、无衬线字体； 保证金：2倍； 不透明度：0.9； } 奥普先生{ 字号：2rem； 背景色：D6； 高度：55px； 宽度：20%； 颜色：444； 显示：内联块； 保证金：2倍； 盒影：0 1px 1px； 字体系列：Roboto常规字体、helvetica字体、arial字体、无衬线字体； 不透明度：0.9； } 相等的{ 背景色：RGBA196102,0,0.6； 颜色：白色； 宽度：41.5%； } 文本区{ 显示：块； 调整大小：无； 宽度：400px； 高度：450px； 最大宽度：400px； 最大高度：350px； 边缘顶部：5px； 字体大小：25px； 边框：3倍实心rgba196、102、0、0.9； } 结果{ 左边距：5px； 显示：块 } 计算器项目 github 笔记

var queue = [];// store key history

function getHistory() {
    var str = ''
    for (var i = 0; i < queue.length; i++)
        str += queue[i];
    return str;
}

function run7() {
    queue.push(7); // store key history
    document.case.display.value += "7";
};

function runMinus() {
    queue.push('-') // store key history
    document.case.display.value += "-";
};
...


function runEquals() {
    if (document.case.display.value == "") {
        document.case.display.value = "";
    } else {
        var equals = eval(document.case.display.value);
        document.case.display.value = equals;
        var resultWithHistory = getHistory() + ' = ' + equals;
        queue = []; // clear history
        display(resultWithHistory);
    }
}