Почему не корректно работает программа? Например при сравнении 2 и 11 выводит 2?

Question

[DON1986]

<input type="number" class="qw">
	<input type="number" class="qw1">
	<button>Go</button>
	<div class="out"></div>

let out = document.querySelector('.out');
const button = document.querySelector('button');

button.onclick = function () {
	let number1 = document.querySelector('.qw').value;
	let number2 = document.querySelector('.qw1').value;

	if (number1 > number2) {
		out.innerHTML = number1;
	} else if (number2 > number1) {
		out.innerHTML = number2;
	} else {
		out.innerHTML = "равны";
	}
	
}

Answer 1

[Антон Неверов]

Потому что вы сравниваете строки, а не числа.
"2" > "11", но 2 < 11.

console.log("2" > "11"); //true
console.log(2 > 11); //false

Вашим решением будет использовать вот такое выражение:

const number1 = parseInt(document.querySelector('.qw').value);
const number2 = parseInt(document.querySelector('.qw1').value);

Comments

[DON1986]

Спасибо!

Answer 2

[Владимир Куц]

Приведение типов

Answer 3

[Александр]

Потому что вы сравниваете строки "2" и "11", по правилам сравнения строк "2" больше чем "11" потому что первый символ: "2" больше чем "1".
используйте parseInt() или parseFloat() чтобы строки сделать числом.

Answer 4

[hzzzzl]

добавлю что можно плюсиком преобразовать в число, чтобы много не писать

let number1 = +document.querySelector('.qw').value;
let number2 = +document.querySelector('.qw1').value;