Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 23.02.2019, 10:58
Новичок на форуме
Отправить личное сообщение для Nosok Посмотреть профиль Найти все сообщения от Nosok
 
Регистрация: 23.02.2019
Сообщений: 2

Аналог += в JS
Добрый день,

По учебе нужно сделать программу, управляющую "умной комнатой" с планшета. Я пытаюсь делать очень простую штуку: задается температура по умолчанию и к ней по нажатию кнопки прибавляется/отнимается 1 градус. Проблема в том, что я не знаю, как присвоить новое значение переменной value1, чтобы потом 1 прибавлялась уже к нему (если просто, что чтобы на каждое нажание кнопки было x+=1.

Помогите, пожалуйста!

function plus() {
 var value1 = parseInt(document.getElementById("temp").value); // <---
 document.getElementById("output").innerHTML = value1 + 1;
 }
 
 function minus() {
 var value1 = parseInt(document.getElementById("temp").value); // <---
 document.getElementById("output").innerHTML = value1 - 1;
 }
</script>
 </head>

 <body>
 <form name="adder">
 <input type="text" name="temp" id="temp" value="22" size="4" /><br />
 <input type="button" value="+" onclick="plus()">
  <input type="button" value="-" onclick="minus()">
 <p>____________</p>
<span id="output"></span>
 </form>
 </body>
 </html>
Ответить с цитированием
  #2 (permalink)  
Старый 23.02.2019, 12:16
Аватар для MC-XOBAHCK
Профессор
Отправить личное сообщение для MC-XOBAHCK Посмотреть профиль Найти все сообщения от MC-XOBAHCK
 
Регистрация: 06.08.2017
Сообщений: 473

<script>
    function plus() {
        document.querySelector('#temp').value++;
        document.querySelector('#output').textContent = document.querySelector("#temp").value;
    }

    function minus() {
        document.querySelector('#temp').value--;
        document.querySelector('#output').textContent = document.querySelector("#temp").value;
    }
</script>
<form name="adder">
    <input type="text" name="temp" id="temp" value="22" size="4" /><br />
    <input type="button" value="+" onclick="plus()">
    <input type="button" value="-" onclick="minus()">
    <p>____________</p>
    <span id="output"></span>
</form>
Ответить с цитированием
  #3 (permalink)  
Старый 23.02.2019, 13:41
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,990

MC-XOBAHCK,
зачем две функции если есть попытка иметь значениями "+" и "-"?
Ответить с цитированием
  #4 (permalink)  
Старый 23.02.2019, 14:03
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,990

Что за шаблон, откуда его ноги растут.

Есть два числа - положительное 5 и отрицательно -1. Если мы будем складывать их абсолютные значения, то получим 6. А если нет, то получим согласно правилам постой арифметики.

Так зачем напрягать кнопки классами "plus/minus", дабы различать их в одной функции "сложить/вычесть" или вообще иметь две отдельных функции? Достаточно иметь две кнопки:

<input type="button" value="1" onclick="calc()">
<input type="button" value="-1" onclick="calc()">

с одной функцией обработчиком, в которой просто складывать их значение с N. Останется только проверять крайние допустимые значения суммы.

Последний раз редактировалось laimas, 23.02.2019 в 14:06.
Ответить с цитированием
  #5 (permalink)  
Старый 23.02.2019, 14:05
Аватар для MC-XOBAHCK
Профессор
Отправить личное сообщение для MC-XOBAHCK Посмотреть профиль Найти все сообщения от MC-XOBAHCK
 
Регистрация: 06.08.2017
Сообщений: 473

Сообщение от laimas Посмотреть сообщение
MC-XOBAHCK,
зачем две функции если есть попытка иметь значениями "+" и "-"?
Взял из оригинала, чтоб понятней было спрашивающему. Он ведь не функцию хотел понять, а как плюсовать/минусовать на единицу.
Ответить с цитированием
  #6 (permalink)  
Старый 23.02.2019, 14:09
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,990

Сообщение от MC-XOBAHCK
Он ведь не функцию хотел понять, а как плюсовать/минусовать на единицу
Этому как раз в школе учат, то что по ссылке, и не для того, чтобы в тетрадку записать, а применять полученные знания на практике.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Аналог jQuery(...).animate на чистом JS 2chan Общие вопросы Javascript 3 12.07.2015 20:23
Пример тестовых заданий на js junior elshaarawy Учебные материалы 3 26.03.2015 15:17
Картинка обрабатывается js 4yBaK Общие вопросы Javascript 10 11.09.2011 09:28
Аналог php функции в JS ВэйДлин Общие вопросы Javascript 1 20.07.2011 01:03