Bom dia, pessoal.
Estou criando um trabalho, pelo qual o usuário insere dois valores, seja eles string ou number e com isso é realizado a comparação destes dois números.
Se os dois números forem iguais, porém tipos diferentes (string e number) alertar avisando.
Recebo estes dois valores em uma select option e encaminho para o javascript para fazer a manipulação. O problema disto tudo é que o select recebe os valores do tipo string e na hora de fazer a comparação no javascript, não realiza corretamente.
A ideia seria fazer com que essa comparação seja realizada sempre que o usuário troca o select.
<body>
<p>Escolha o primeiro número/string para comparação:</p>
<select id="primeiro__valor">
<option>--Selecione o valor</option>
<option value="1">1</option>
<option value="1">'1'</option>
<option value="30">30</option>
<option value="30">'30'</option>
<option value="10">10</option>
<option value="10">'10'</option>
</select>
<p>Escolha o segundo número/string para comparação:</p>
<select id="segundo__valor">
<option>--Selecione o valor</option>
<option value="1">1</option>
<option value="1">'1'</option>
<option value="30">30</option>
<option value="30">'30'</option>
<option value="10">10</option>
<option value="10">'10'</option>
</select>
<script src="day1.js"></script>
</body>
let selectPrimeiroValor = document.getElementById('primeiro__valor');
let selectSegundoValor = document.getElementById('segundo__valor');
const numeroUm = parseInt(selectPrimeiroValor[1].value);
const stringUm = selectPrimeiroValor[2].value;
const numeroTrinta = parseInt(selectPrimeiroValor[3].value);
const stringTrinta = selectPrimeiroValor[4].value;
const numeroDez = parseInt(selectPrimeiroValor[5].value);
const stringDez = selectPrimeiroValor[6].value;
selectPrimeiroValor.addEventListener('change', function(){
console.log("Primeiro valor: " + selectPrimeiroValor.value)
})
selectSegundoValor.addEventListener('change', function(){
console.log("Segundo valor: " + selectSegundoValor.value)
