08.05.2016, 17:39
|
|
Интересующийся
|
|
Регистрация: 03.04.2016
Сообщений: 18
|
|
|
рони, значит 0.
|
|
08.05.2016, 17:44
|
 |
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,127
|
|
monsterito,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
</head>
<body>
<table rules="all" cellspacing="10" cellpadding="10" style="margin-top:20px; border: 1px solid rgba(81, 71, 71, 0.24);">
<tbody>
<tr align="center">
<td width="120px" height="110px">
<p class="pifagor-char">111</p>
<p class="stp">характер,</p>
<p class="stp">сила воли</p>
</td>
<td width="120px" height="110px">
<p class="pifagor-char">22</p>
<p class="stp">энергетика,</p>
<p class="stp">харизма</p>
</td>
<td width="120px" height="110px">
<p class="pifagor-char">333</p>
<p class="stp">познание,</p>
<p class="stp">творчество</p>
</td>
<td width="120px" height="110px">
<p class="pifagor-char"></p>
</td>
</tr>
<tr align="center">
<td width="120px" height="110px">
<p class="pifagor-char">—</p>
<p class="stp">здоровье,</p>
<p class="stp">красота</p>
</td>
<td width="120px" height="110px">
<p class="pifagor-char">5</p>
<p class="stp">логика,</p>
<p class="stp">интуиция</p>
</td>
<td width="120px" height="110px">
<p class="pifagor-char">—</p>
<p class="stp">трудолюбие,</p>
<p class="stp">мастерство</p>
</td>
<td width="120px" height="110px">
<p class="pifagor-char"></p>
</td>
</tr>
<tr align="center">
<td width="120px" height="110px">
<p class="pifagor-char">—</p>
<p class="stp">удача,</p>
<p class="stp">везение</p>
</td>
<td width="120px" height="110px">
<p class="pifagor-char">8</p>
<p class="stp">чувство</p>
<p class="stp">долга</p>
</td>
<td width="120px" height="110px">
<p class="pifagor-char">99</p>
<p class="stp">память,</p>
<p class="stp">ум</p>
</td>
<td width="120px" height="110px">
<p class="pifagor-char">-</p>
</td>
</tr>
<tr align="center">
<td width="120px" height="110px">
<p class="pifagor-char">10</p>
<p class="stp"></p>
<p class="stp"></p>
</td>
<td width="120px" height="110px">
<p class="pifagor-char">—</p>
<p class="stp"></p>
<p class="stp"></p>
</td>
<td width="120px" height="110px">
<p class="pifagor-char">—</p>
<p class="stp"></p>
<p class="stp"></p>
</td>
<td width="120px" height="110px">
<p class="pifagor-char"></p>
</td>
</tr>
</tbody>
</table>
<table>
<script>
(function() {
function d(b) {
return [].reduce.call(b + "", function(a, b) {
return a + +b
}, 0)
}
[].forEach.call(document.querySelectorAll("tr"), function(b) {
var a = [].slice.call(b.querySelectorAll(".pifagor-char"));
b = a.pop();
a = a.reduce(function(a, b) {
var c = +b.innerHTML || 0;
12 < c && (c = d(c));
return a + c
}, 0);
b.innerHTML = 12 < a ? d(a) : a
})
})();
</script>
</table>
</body>
</html>
Последний раз редактировалось рони, 08.05.2016 в 17:52.
|
|
08.05.2016, 17:58
|
|
Интересующийся
|
|
Регистрация: 03.04.2016
Сообщений: 18
|
|
|
рони, спасибо, но у меня-что не работает. У меня эта сумма должна складываться после нажатия по кнопке, а не изначально. Изначально там по нулям. Я вешаю событие на id, но ничего не считает и не показывает
|
|
08.05.2016, 18:02
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,127
|
|
|
Сообщение от monsterito
|
|
Я вешаю событие на id
|
где код? |
|
08.05.2016, 18:06
|
|
Интересующийся
|
|
Регистрация: 03.04.2016
Сообщений: 18
|
|
|
|
|
08.05.2016, 18:13
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,127
|
|
monsterito,
ой а у меня работает  https://jsfiddle.net/u3fk50uu/3/
и даже так работает
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
</head>
<body>
<table rules="all" cellspacing="10" cellpadding="10" style="margin-top:20px; border: 1px solid rgba(81, 71, 71, 0.24);">
<tbody>
<tr align="center">
<td width="120px" height="110px">
<p class="pifagor-char">111</p>
<p class="stp">характер,</p>
<p class="stp">сила воли</p>
</td>
<td width="120px" height="110px">
<p class="pifagor-char">22</p>
<p class="stp">энергетика,</p>
<p class="stp">харизма</p>
</td>
<td width="120px" height="110px">
<p class="pifagor-char">333</p>
<p class="stp">познание,</p>
<p class="stp">творчество</p>
</td>
<td width="120px" height="110px">
<p class="pifagor-char"></p>
</td>
</tr>
<tr align="center">
<td width="120px" height="110px">
<p class="pifagor-char">—</p>
<p class="stp">здоровье,</p>
<p class="stp">красота</p>
</td>
<td width="120px" height="110px">
<p class="pifagor-char">5</p>
<p class="stp">логика,</p>
<p class="stp">интуиция</p>
</td>
<td width="120px" height="110px">
<p class="pifagor-char">—</p>
<p class="stp">трудолюбие,</p>
<p class="stp">мастерство</p>
</td>
<td width="120px" height="110px">
<p class="pifagor-char"></p>
</td>
</tr>
<tr align="center">
<td width="120px" height="110px">
<p class="pifagor-char">—</p>
<p class="stp">удача,</p>
<p class="stp">везение</p>
</td>
<td width="120px" height="110px">
<p class="pifagor-char">8</p>
<p class="stp">чувство</p>
<p class="stp">долга</p>
</td>
<td width="120px" height="110px">
<p class="pifagor-char">99</p>
<p class="stp">память,</p>
<p class="stp">ум</p>
</td>
<td width="120px" height="110px">
<p class="pifagor-char">-</p>
</td>
</tr>
<tr align="center">
<td width="120px" height="110px">
<p class="pifagor-char">10</p>
<p class="stp"></p>
<p class="stp"></p>
</td>
<td width="120px" height="110px">
<p class="pifagor-char">—</p>
<p class="stp"></p>
<p class="stp"></p>
</td>
<td width="120px" height="110px">
<p class="pifagor-char">—</p>
<p class="stp"></p>
<p class="stp"></p>
</td>
<td width="120px" height="110px">
<p class="pifagor-char"></p>
</td>
</tr>
</tbody>
</table>
<table>
<input id="tuk" name="" type="button" value="go">
<script>
(function() {
function d(b) {
return [].reduce.call(b + "", function(a, b) {
return a + +b
}, 0)
}
window.addEventListener('DOMContentLoaded', function() {
document.querySelector("#tuk").addEventListener("click", function() {
[].forEach.call(document.querySelectorAll("tr"), function(b) {
var a = [].slice.call(b.querySelectorAll(".pifagor-char"));
b = a.pop();
a = a.reduce(function(a, b) {
var c = +b.innerHTML || 0;
12 < c && (c = d(c));
return a + c
}, 0);
b.innerHTML = 12 < a ? d(a) : a
})
});
});
})();
</script>
</table>
</body>
</html>
Последний раз редактировалось рони, 08.05.2016 в 18:15.
|
|
08.05.2016, 18:27
|
|
Интересующийся
|
|
Регистрация: 03.04.2016
Сообщений: 18
|
|
рони, хм.... но почему у меня не работает)
Так, я вроде понял почему не работает. Это из-за кода, который находится в return в моем коде.
https://jsfiddle.net/u3fk50uu/4/ - посмотрите всего. Да, он очень плохой по виду, но помогите разобраться почему не работает
Последний раз редактировалось monsterito, 08.05.2016 в 18:37.
|
|
08.05.2016, 18:35
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,127
|
|
|
monsterito,
потому что нужна готовность страницы и загруженная библиотека jquery, либо вариант выше без jquery.
|
|
08.05.2016, 18:38
|
|
Интересующийся
|
|
Регистрация: 03.04.2016
Сообщений: 18
|
|
|
рони, посмотрите выше. Обновил. Была загружена библиотека на локали. Не работало. Почему? Выше написал
|
|
08.05.2016, 18:55
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,127
|
|
monsterito,
вы убрали из последней ячейки всё куда вставлялся результат.
поэтому так
$("#go-pif").click(function(){
$("#out").html(mainFunction());
function d(b) {
return [].reduce.call(b + "", function(a, b) {
return a + +b
}, 0)
}
[].forEach.call(document.querySelectorAll("tr"), function(b) {
var a = [].slice.call(b.querySelectorAll(".pifagor-char"));
b = b.querySelector("td:last-child");
a = a.reduce(function(a, b) {
var c = +b.innerHTML || 0;
12 < c && (c = d(c));
return a + c
}, 0);
b.innerHTML = 12 < a ? d(a) : a
});
});
|
|
|
|
