Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Помогите, пожалуйста (https://javascript.ru/forum/events/63931-pomogite-pozhalujjsta.html)

eljakovarkadiy 09.07.2016 08:12

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

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

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

Царь Леонид 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 19.10.2016 11:08

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

ksa 19.10.2016 11:52

Цитата:

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

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

anna4 19.10.2016 11:53

Как:cray:

ksa 19.10.2016 11:53

Цитата:

Сообщение от anna4
Как

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

anna4 19.10.2016 11:57

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

anna4 19.10.2016 12:01

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

ksa 19.10.2016 13:45

Цитата:

Сообщение от anna4
Вот смотрите prntscr.com/cw5pmd

За мной на работе следят... :cray: Я ходить на левые ресурсы не стану.

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

ksa 19.10.2016 13:45

Цитата:

Сообщение от anna4
Готова заплатить за ответ.

И скока, скока? :D Добей меня цифрой.


Часовой пояс GMT +3, время: 00:55.