Javascript-форум (https://javascript.ru/forum/)
-   Мобильный JavaScript (https://javascript.ru/forum/mobile/)
-   -   складывае двух чисел и вывод их в html (https://javascript.ru/forum/mobile/60654-skladyvae-dvukh-chisel-i-vyvod-ikh-v-html.html)

rusVolk 13.01.2016 00:27
складывае двух чисел и вывод их в html
 
Я недавно начал изучать js. У меня возникли проблемы в сложении чисел.
Есть html код:
<a href="">Основы html<span class="mli" id="adm">20</span></a>
<a href="">Java Script<span class="mli" id="bfg">11</span></a>


Помогите сложить числа (20 и 11) и вывести их в html
Если можете, то распишите каждое действие, пожалуйста.

Lemme 13.01.2016 03:55
Цитата:
Я недавно начал изучать js
А где JS то?

в этих двух ссылках все есть.

http://learn.javascript.ru/searching-elements-dom
http://learn.javascript.ru/number#п...-к-числу

rusVolk 13.01.2016 10:58
Цитата:
Сообщение от Lemme (Сообщение 403500)
А где JS то?
Дело в том, что мне нужно помочь написать js.:help:
Я попробовал написать используя ваши ссылки, но както не получилось:( :cray:

рони 13.01.2016 11:07
rusVolk,
где пробы?
1. создать переменную для суммы со значением 0
2. найти нужные элементы по классу.
3. извлечь содержимое каждого и приведя к числу добавить к переменной из 1.
4. куда-то вывести результат.
пишите код.

rusVolk 13.01.2016 12:51
Я пытался, но все ровно не хочет писать ответ.:cray:
Твоим глазам сейчас будет больно смотреть сюда.:) 
<a id="amc">11</a> 
<a id="bsc">25</a>



var otv;
otv = 0;
Var mmm = document.getElementById("amc"); 
Var sss = document.getElementById("bsc");
document.write (otv= mmm+ sss);

:write:

рони 13.01.2016 13:01
rusVolk,
var -- маленькими буквами!!!
innerHTML: содержимое элемента
пунк 1 и 2 можно сказать выполнены сейчас 3
document.write никогда не использовать -- заменить на алерт или добавить элемент на страницу куда будет помещён результат otv

rusVolk 13.01.2016 14:06
Цитата:
Сообщение от рони (Сообщение 403528)
3. извлечь содержимое каждого и приведя к числу добавить к переменной из 1.
Не могу найти статью про то, как извлекать содержимое.

рони 13.01.2016 15:14
Цитата:
Сообщение от rusVolk
Не могу найти статью про то, как извлекать содержимое.
ссылка в 6 посте

рони 13.01.2016 15:22
rusVolk,
<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  #show{
    color: #FF00FF;
    font-size: 48px;
  }

  </style>
</head>

<body>

<a href="">Основы html<span class="mli" id="adm">20</span></a>
<a href="">Java Script<span class="mli" id="bfg">11</span></a>
<div id="show"></div>
<script>
var otv = 0,
mmm = document.getElementById("adm"),
sss = document.getElementById("bfg"),
div = document.getElementById("show");
mmm = mmm.innerHTML;
sss = sss.innerHTML;
mmm = +mmm;
sss = +sss;
otv = mmm + sss;
div.innerHTML = otv;
</script>
</body>

</html>

rusVolk 13.01.2016 15:40
Огромное спасибо. Щас понял. Я просто всё пытался запихнуть в две строчки и не получалось.

Непонятно только это действие:
mmm = +mmm;
sss = +sss;

рони 13.01.2016 15:46
rusVolk,
вам это пытались донести уже во 2 посте -- вторая ссылка
уберите эти строки и посмотрите на результат

Keramet 14.01.2016 21:31
Цитата:
Сообщение от rusVolk (Сообщение 403594)
Огромное спасибо. Щас понял. Я просто всё пытался запихнуть в две строчки и не получалось.

Непонятно только это действие:
mmm = +mmm;
sss = +sss;

mmm = parseInt(mmm);

так понятнее? см. parseInt()


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