Já tentei de todas as formas imprimir o resultado de 1 a 10 nesta tabuada, mas ele só considera o "i" como 10 e exibe somente esse resultado na option. Alguém pode me ajudar?
meu código:
js=
function confirmar () {
var n1 = Number.parseInt(document.getElementById('num').value)
var opt = document.getElementById('opção')
var cp = document.getElementById('campo')
opt.text = ""
cp.add(opt)
if (document.getElementById('num').value == "" || document.getElementById('num').value >= 1001 || isNaN(n1)) {
alert('deu problema!')
} else { for(let i=1; i<=10; i = i++) {
var mult = n1*i
opt.innerHTML = `${n1} x ${i} = ${mult}`
}
}
}
html =
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Tabuada de Multiplicação</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div>
<p>Insira um número:</p> <input type="text" name="numero" id="num"><br>
<select id="campo">
<option id="opção" value="v1" hidden></option>
</select>
<br><input type="button" value="confirmar" onclick="confirmar()">
</div>
<script src="main.js"></script>
</body>
</html>
css =
body {
font-size: 15pt;
background: skyblue;
}
select {
width: 205px;
height: 200px;
margin-top: 10px;
box-shadow: 5px 5px 6px dimgray;
border-radius: 15px;
}
input[type=text] {
background: whitesmoke;
box-shadow: 5px 2px 2px dimgray;
border-radius: 10px;
}
input[type=button] {
margin-top: 10px;
border-radius: 10px;
}