Форум

eljakovarkadiy · #1 (**permalink**) 09.07.2016, 08:12

Всем привет, помогите пожалуйста написать HTML код.

Суть такова: есть множество кнопок, у каждой кнопки заданно значение (абсолютно любое число).
Есть графа, в которой будет отображаться число.
Например: на кнопке №1 число 50, я нажимаю на эту кнопку и в графе появляется число 50.
На кнопке №2 число 30, я нажимаю на нее и в графе появляется число 80(кнопка №1+ кнопка №2= 80).

Как такое реализовать? В долгу не останусь

Царь Леонид · #2 (**permalink**) 09.07.2016, 10:44

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
</head>
<body>
  <div id="result"></div>
<button onClick="setNumber(this)" value="20">20</button>
<button onClick="setNumber(this)" value="30">30</button>
<button onClick="setNumber(this)" value="40">40</button>
  <script>
    var result = document.getElementById('result')
    var num = 0;
    function setNumber(e){
      result.innerHTML = num += parseInt(e.value);  
    }
  </script>
  <style>
    #result{
  border:1px solid green;
  width:100px;
  height:50px;
  margin-bottom:10px
}
  </style>
</body>
</html>

anna4 · #3 (**permalink**) 19.10.2016, 11:08

Подскажите пожалуйста, а как сделать чтоб окно в котором появляется число, находилось в другом месте от кнопки. К примеру кнопка в низу сайта а число появляется в верху. Буду очень благодарна. Готова заплатить за ответ. Очень нужно

ksa · #4 (**permalink**) 19.10.2016, 11:52

Сообщение от anna4

а как сделать чтоб окно в котором появляется число, находилось в другом месте от кнопки

Сверстать страничку так, как тебе нужно...

anna4 · #5 (**permalink**) 19.10.2016, 11:53

Как

ksa · #6 (**permalink**) 19.10.2016, 11:53

Сообщение от anna4

Как

Так это ты только знаешь какая страничка тебе нужна...

anna4 · #7 (**permalink**) 19.10.2016, 11:57

Я не чего не поняла(((
Можно как то сделать отдельно кнопки от дива

anna4 · #8 (**permalink**) 19.10.2016, 12:01

Вот смотрите prntscr.com/cw5pmd Надо чтоб кнопки допустим были здесь а цифры в другом месте
Код я втавляю в целиком в редакторе

ksa · #9 (**permalink**) 19.10.2016, 13:45

Сообщение от anna4

Вот смотрите prntscr.com/cw5pmd

За мной на работе следят...

Я ходить на левые ресурсы не стану.

Картинку челе какую-то нарисуй, как тебе нужно разместить те кнопки с тем ДИВом...

ksa · #10 (**permalink**) 19.10.2016, 13:45

Сообщение от anna4

Готова заплатить за ответ.

И скока, скока?

Добей меня цифрой.

Форум

Справочник

Discord чат

Курсы javascript