0

я вроде накидал код, но проблема в том что 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>

1
  • 1
    Значения из полей формы являются строками, поэтому преобразовывайте их к числовому типу, иначе при сложении вы получаете обычную конкатенацию строк. +number.value +1; или parseInt() / parseFloat(). P.S. Код у вас избыточный, подумайте над оптимизацией
    – Deonis
    21 сен 2022 в 23:09

4 ответа 4

0

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

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

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

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

0

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

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

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

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

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

    var question = prompt("Введите число");
    if(question>=0){
  console.log(question+"1")
    }else{
  console.log("undefined")}
1
  • Здесь может получиться конкатенация строк, а не прибавление 1. 29 янв в 10:16
-2
numbs[1] = number.value + 1*1;
2
  • Посмотрите внимательно на свой код ...
    – Deonis
    21 сен 2022 в 23:29
  • пожалуйста, постарайтесь оставлять чуть более развёрнутые ответы. дополнить ответ можно, нажав править 22 сен 2022 в 6:17

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.