Olá pessoal,
Estou criando um projeto, pelo qual o usuário seleciona dois números ou string que irão realizar comparações.
<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>
A partir do recebimento desses dois valores pelo HTML, quero realizar uma manipulação de dados pelo JS, onde comparo se os dois valores são iguais, porém com tipos diferentes (string e number).
Todos os valores recebidos entram como string, assim tive que criar uma conversão usando o parseInt para os números que realmente são do tipo number, serem números.
Porém o grande problema agora é realizar as comparações com os números já convertidos e imprimindo se realmente há uma comparação.
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(){
})
selectSegundoValor.addEventListener('change', function(){
})