Zamiana stringa na number w js

Question

function writeNums()
    {
       let numberOne = document.getElementById('input-1').value;
       let numberTwo = document.getElementById('input-2').value;
       parseInt(numberOne, numberTwo);
       const resultEl = document.getElementById('result');
       let result = "";

       if ((typeof numberOne === Number) && (typeof numberTwo === Number))
       {
        if ((numberOne>numberTwo) || (numberOne==numberTwo))
        {
            result = "Pierwsza liczba powinna być mniejsza od drugiej";
        }
        else if (numberOne<numberTwo)
        {
            for (i=numberOne; i<=numberTwo; i++)
            {
                result = result + i + " ";
            }
        }
       }
       else if ((typeof numberOne !== Number) || typeof numberTwo !== Number)
       {
        result = "Wpisz wartości liczbowe";
       }

       resultEl.innerHTML = result;
    }

    document.getElementById('button').onclick = writeNums;

Próbuję przekonwertować wartość z inputów na liczby. Warunek ma sprawdzić czy te wartości są typu number, czy nie udało się zmienić i są NaN. Problem jednak w tym, że po wpisaniu liczb do obu pól, pierwszy warunek ma wartość false (Nie spełnia się).

Answer 1

OK, mega dziwnie przekombinowałeś.

parseInt(numberOne, numberTwo);

Ta funkcja nie bierze zmiennej i "zamienia ją na liczbę". Ta funkcja bierze stringa i zwraca Ci liczbę. Tą liczbę musisz przypisać do zmiennej.

Natomiast sprawdzanie typeof ogólnie tutaj nie ma miejsca.

Comments

Spróbuję ten skrypt napisać inaczej. Tak w ogóle, czemu "Sprawdzanie typeof  tutaj nie ma miejsca"? Nie zadziała tutaj?

---

parseInt zawsze zwraca jakąś liczbę, więc sprawdzanie typu wyniku i tak zawsze da Ci Number.

---

Nie zawsze,  może być też NaN  i warto mieć to  na uwadze

---

Ale mówiłem tutaj o typeof - NaN to też jest "jakaś liczba" z punktu widzenia typowania. `typeof NaN === 'number'``

---

function writeNums()
    {
       let numberOne = document.getElementById('input-1').value*1;
       let numberTwo = document.getElementById('input-2').value*1;
       const resultEl = document.getElementById('result');
       let result = "";

       resultEl.innerHTML=typeof(numberOne)+" "+typeof(numberTwo);

    }

    document.getElementById('button').onclick = writeNums;

Faktycznie tak jest. Tylko co zrobić jeśli chcę aby litery były jako string a cyfry tylko i wyłącznie jako number?

 

---

Spróbuj

[ on-line ]

function writeNums()
{
  let numberOne = document.getElementById('input-1').value;
  let numberTwo = document.getElementById('input-2').value;
  const resultEl = document.getElementById('result');

  if (! isNaN(numberOne)) numberOne *= 1;
  if (! isNaN(numberTwo)) numberTwo *= 1;

  resultEl.innerHTML=typeof(numberOne)+" "+typeof(numberTwo);
}

document.getElementById('button').onclick = writeNums;

 

Answer 2

Sprawdź to:

[ on-line ]

test = parseInt(document.querySelector('input').value);

test = parseFloat(document.querySelector('input').value);

test = document.querySelector('input').value * 1;

test = Number(document.querySelector('input').value);

test = +document.querySelector('input').value;

test = document.querySelector('input').value - 0;

test = document.querySelector("input").valueAsNumber;

 

po wpisaniu liczb do obu pól, pierwszy warunek ma wartość false (Nie spełnia się)

[ on-line ]

let test = document.querySelector('input').value * 1;

// if ((typeof numberOne === Number) && (typeof numberTwo === Number))
result.textContent = (typeof test === Number) + '\n';
result.textContent += typeof(typeof test === Number) + '\n';

// if ((typeof(numberOne) === 'number') && (typeof(numberTwo) === 'number'))
result.textContent += (typeof(test) === 'number') + '\n';