нужно написать код на js прибавляет 1 если число >= 0

Question

я вроде накидал код, но проблема в том что js прибавляет 1 как строку

const numbs = []
const number = document.querySelector('#txt' ) 


const button = document.querySelector('button');
button.addEventListener('click', updateButton);
function updateButton() {
    if ( number.value >= 0 ){
   numbs[1] = number.value + 1; 
   document.querySelector('h1').innerHTML = numbs[1]  ;
 }   else{
    numbs[0] = number.value;
    document.querySelector('h1').innerHTML = numbs[0];

 }
}

<!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.0">
    <title>Document</title>
</head>
<body>
    <input type="number" name="" id="txt">
    <button class="btn">проверить</button>
  <h1></h1>

    <script src="./script.js"></script>
</body>
</html>

Answer 1

numbs[1] = number.value + 1*1;

Answer 2

Если не вдаваться в подробности, оптимизации и зачем вообще тут нужен массив, то можно сделать так:

const numbs = []
const number = document.querySelector('#txt' ) 

const button = document.querySelector('button');
button.addEventListener('click', updateButton);
function updateButton() {
  const inNumber = Number(number.value); // Преобразуем значение к числу
    
  if (inNumber >= 0) {
      numbs[1] = inNumber + 1;
      document.querySelector('h1').innerHTML = numbs[1];
    } else {
      numbs[0] = inNumber;
      document.querySelector('h1').innerHTML = numbs[0];
    }
}

Answer 3

можете попробовать написать так:

numbs[1] = +number.value + 1;

оператор "+" приведет тип number.value к number и будет произведено сложение двух чисел, а не строк. если же вы хотите в numbs[1] сохранить не number, а string, то вам следует написать так:

numbs[1] = `${+number.value + 1}`;

Answer 4

Решение и оптимизация кода.

const btn = document.querySelector('.btn');
    
btn.addEventListener('click', () => {
  const number =  parseInt(document.querySelector('#txt')?.value);
  document.querySelector('h1').innerHTML = number >= 0 ? number + 1 : number;
});

В данном коде используется стрелочная функция. Также используется тернарный оператор.

Надеюсь код вам поможет.

Answer 5

Это код js который выводит окно prompt и потом к числу прибавляет единицу если меньше нуля то выводит строку undefined

    var question = prompt("Введите число");
    if(question>=0){
  console.log(question+"1")
    }else{
  console.log("undefined")}

БЛОГ НА HUSL

нужно написать код на js прибавляет 1 если число >= 0

Ответы (5 шт):