Форум

rusVolk · #1 (**permalink**) 13.01.2016, 00:27

Я недавно начал изучать 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 · #2 (**permalink**) 13.01.2016, 03:55

Цитата:

Я недавно начал изучать js

А где JS то?

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

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

rusVolk · #3 (**permalink**) 13.01.2016, 10:58

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

А где JS то?

Дело в том, что мне нужно помочь написать js.

Я попробовал написать используя ваши ссылки, но както не получилось

рони · #4 (**permalink**) 13.01.2016, 11:07

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

rusVolk · #5 (**permalink**) 13.01.2016, 12:51

Я пытался, но все ровно не хочет писать ответ.

Твоим глазам сейчас будет больно смотреть сюда.

<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);

рони · #6 (**permalink**) 13.01.2016, 13:01

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

rusVolk · #7 (**permalink**) 13.01.2016, 14:06

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

3. извлечь содержимое каждого и приведя к числу добавить к переменной из 1.

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

рони · #8 (**permalink**) 13.01.2016, 15:14

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

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

ссылка в 6 посте

рони · #9 (**permalink**) 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 · #10 (**permalink**) 13.01.2016, 15:40

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

Непонятно только это действие:

mmm = +mmm;
sss = +sss;

Форум

Справочник

Discord чат

Курсы javascript