Estou fazendo uma calculadora online, queria saber se existe outra solução para o meu código, sei que posso fazer um Array, mas queria outra alternativa existe ??
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">
<title>Calculadora</title>
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="container">
<div class="titulo">
<h1>Essa é a sua calculadora online</h1>
</div>
<h2>Calculadora</h2>
<hr>
<div class="tabela">
<table>
<tr>
<td></td>
<td>Primeiro numero</td>
<td>Segundo numero</td>
<td>resultado</td>
</tr>
<tr>
<td class="Soma">Soma</td>
<td id="numero-1">10</td>
<td id="numero-2">10</td>
<td id="resultado-soma"></td>
</tr>
<tr>
<td>Subtração</td>
<td id="numero-3">60</td>
<td id="numero-4">30</td>
<td id="resultado-subtracao"></td>
</tr>
<tr>
<td>Multiplicação</td>
<td id="numero-5">30</td>
<td id="numero-6">40</td>
<td id="resultado-multiplicacao"></td>
</tr>
<tr>
<td>Divisão</td>
<td id="numero-7">10</td>
<td id="numero-8">2</td>
<td id="resultado-divisao"></td>
</tr>
<tr>
<td>Modulo</td>
<td id="numero-9">5</td>
<td id="numero-10">3</td>
<td id="resultado-modulo"></td>
</tr>
</table>
<button type="submit" class="calcular">Calcular</button>
</div>
</div>
<script src="js/pega-dados.js"
</body>
</html>
meu css não tem tanta importância por isso vou por só o JS aqui
var tdNumeroUm = document.getElementById("numero-1");
var tdNumeroDois = document.getElementById("numero-2");
var tdNumeroTres = document.getElementById("numero-3");
var tdNumeroQuatro = document.getElementById("numero-4");
var tdNumeroCinco = document.getElementById("numero-5");
var tdNumeroSeis = document.getElementById("numero-6");
var tdNumeroSete = document.getElementById("numero-7");
var tdNumeroOito = document.getElementById("numero-8");
var tdNumeroNove = document.getElementById("numero-9");
var tdNumeroDez = document.getElementById("numero-10");
var numeroUm = parseInt(tdNumeroUm.textContent);
var numeroDois = parseInt(tdNumeroDois.textContent);
var numeroTres = parseInt(tdNumeroTres.textContent);
var numeroQuatro = parseInt(tdNumeroQuatro.textContent);
var numeroCinco = parseInt(tdNumeroCinco.textContent);
var numeroSeis = parseInt(tdNumeroSeis.textContent);
var numeroSete = parseInt(tdNumeroSete.textContent);
var numeroOito = parseInt(tdNumeroOito.textContent);
var numeroNove = parseInt(tdNumeroNove.textContent);
var numeroDez = parseInt(tdNumeroDez.textContent);
var resultadoSoma = numeroUm + numeroDois;
var tdResultadoSoma = document.getElementById("resultado-soma");
tdResultadoSoma.textContent = resultadoSoma;
var resultadoSubtracao = numeroTres - numeroQuatro;
var tdResultadoSubtracao = document.getElementById("resultado-subtracao");
tdResultadoSubtracao.textContent = resultadoSubtracao;
var resultadoMultiplicacao = numeroCinco * numeroSeis;
var tdResultadoMultiplicacao = document.getElementById("resultado-multiplicacao");
tdResultadoMultiplicacao.textContent = resultadoMultiplicacao;
var resultadoDivisao = numeroSete / numeroOito;
var tdResultadoDivisao = document.getElementById("resultado-divisao");
tdResultadoDivisao.textContent = resultadoDivisao;
var resultadoModulo = numeroNove %x numeroDez;
var tdResultadoModulo = document.getElementById("resultado-modulo");
tdResultadoModulo.textContent = resultadoModulo;
Como posso dar uma solução eficiente e elegante ??