将数据从计算器传输到span

Question

嗨，我有一个计算器的javascript代码，我试图用一个按钮转移计算器的结果"保存"链接到一个名为"本周工作时间"的html页面。我有点迷失了，不知道从我拥有的东西中去哪里。有人能帮忙吗?

这是我现在的代码:

let display = document.getElementById('display');
let buttons = Array.from(document.getElementsByClassName('button'));
buttons.map( button => {
button.addEventListener('click', (e) => {
switch(e.target.innerText){
case 'C':
display.innerText = '';
break;
case '=':
try{
display.innerText = eval(display.innerText);
} catch {
display.innerText = "Error"
}
break;
case 'Save':

case '←':
if (display.innerText){
display.innerText = display.innerText.slice(0, -1);
}
break;
default:
display.innerText += e.target.innerText;
}
});
});

<div class="task">
<form>
<label for="TN">Task name: </label>
<input type="text" placeholder="Task name" onkeyup="lettersOnly(this)">
<br>
<br>
<label for="TN">Task date: </label>
<input type="text" placeholder="MM/DD/YYYY" onkeyup="numbersOnly(this)" maxlength="10">
<br>
<br>
<span id="hours">Hours worked this week:</span>
<br>
<br>
<input type="button" id="button1" value="Submit Form"> 
</form>
</div>
<section>
<div class="calc">
<div id="display"></div>
<div class="buttons">
<div class="button">C</div>
<div class="button">/</div>
<div class="button">*</div>
<div class="button">&larr;</div>
<div class="button">7</div>
<div class="button">8</div>
<div class="button">9</div>
<div class="button">-</div>
<div class="button">4</div>
<div class="button">5</div>
<div class="button">6</div>
<div class="button">+</div>
<div class="button">1</div>
<div class="button">2</div>
<div class="button">3</div>
<div class="button">.</div>
<div class="button">0</div>
<div class="button">Save</div>
<div id="equal" class="button">=</div>
</div>
</div>
</section>

Answer 1

使用

document.getElementById("hours").innerText = "Hours worked this week: " + eval(display.innerText)

完整代码如下:小提琴