Javascript-форум (https://javascript.ru/forum/)
-   Javascript под браузер (https://javascript.ru/forum/css-html/)
-   -   Не большой скрипт сложения чисел (https://javascript.ru/forum/css-html/61770-ne-bolshojj-skript-slozheniya-chisel.html)

sim4ik-one 08.03.2016 11:36

Poznakomlus,
огромное спасибо) получилось)

вот пытаюсь применить скрипт не к id а к class
но что-то не получается, подскажите, где ошибка?)

<div class="entries">
  <input type="text" value="500" />
  <input type="text" value="700" />
  <input type="text" value="500" />
  <input type="text" value="900" />
  <input type="text" value="600" />
  <input type="text" value="500" />
</div>
<div id="result"></div>
<script>
window.addEventListener('load', loadContent);

function loadContent() {
   jQuery(document).ready(function($){
	var des = document.getElementsByClassName('entries');
    var len = des, summa = 0;
    while (len--) summa += +des[len].value;
    result.innerHTML = summa;
   });
}
</script>

рони 08.03.2016 12:57

sim4ik-one,
класс надо ипутам добавлять

sim4ik-one 08.03.2016 13:09

рони,
Так тоже не работает :(
<div >
  <input type="text" class="entries" value="500" />
  <input type="text" class="entries" value="700" />
  <input type="text" class="entries" value="500" />
  <input type="text" class="entries" value="900" />
  <input type="text" class="entries" value="600" />
  <input type="text" class="entries" value="500" />
</div>
<div id="result"></div>
<script>
window.addEventListener('load', loadContent);

function loadContent() {
   jQuery(document).ready(function($){
	var des = document.getElementsByClassName('entries');
    var len = des, summa = 2000;
    while (len--) summa += +des[len].value;
    result.innerHTML = summa;
   });
}
</script>

sim4ik-one 08.03.2016 13:34

Если быть точным то код выглядит вот так:

<div id="allEntries">
<div class="entries">
  <input type="text" value="500" />
</div>
<div class="entries">
  <input type="text" value="500" />
</div>
<div class="entries">
  <input type="text" value="500" />
</div>
<div class="entries">
  <input type="text" value="500" />
</div>
<div class="entries">
  <input type="text" value="500" />
</div>
<div class="entries">
  <input type="text" value="500" />
</div>
</div>
<div id="result"></div>
<script>
window.addEventListener('load', loadContent);

function loadContent() {
   jQuery(document).ready(function($){
    var len = allEntries.children.length, summa = 2000;
    while (len--) summa += +allEntries.children[len].value;
    result.innerHTML = summa;
   });
}
</script>


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