Показать сообщение отдельно
  #27 (permalink)  
Старый 30.08.2015, 15:27
Аспирант
Отправить личное сообщение для PHP Useless Посмотреть профиль Найти все сообщения от PHP Useless
 
Регистрация: 29.08.2015
Сообщений: 46

Сообщение от рони Посмотреть сообщение
PHP Useless, попробуйте разобраться, коэффициент добавляет в теге предмета data-k, функции изменены
<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">

</head>

<body>
   <table width="400" class="qrup"  >
   	<thead>
   		<tr>
   			<th>Fənnlər</th>
   			<th>D</th>
   	        <th>Y</th>
            <th>FB</th>
   		</tr>
   	</thead>
   	<tbody>
   		<tr class="study" data-k="1">
   			<td>Родной язык</td>
   			<td><input name=""></td>
   		    <td><input name=""></td>
            <td class="interim"></td>
   		</tr>
   		<tr class="study" data-k="2">
   			<td>Математика</td>
   			<td><input name=""></td>
   			<td><input name=""></td>
            <td class="interim"></td>
   		</tr>
        <tr class="study" data-k="2">
   			<td>Физика</td>
   			<td><input name=""></td>
   			<td><input name=""></td>
            <td class="interim"></td>
   		</tr>
        <tr>
        <td colspan="2" ></td>
        <td >Sizin Balınız</td>
        <td class="result"></td>
      </tr>
   	</tbody>
   </table>

   <table width="400" class="qrup"  >
   	<thead>
   		<tr>
   			<th>Fənnlər</th>
   			<th>D</th>
   			<th>D-A</th>
            <th>Y</th>
            <th>FB</th>
   		</tr>
   	</thead>
   	<tbody>
   		<tr class="study" data-k="1">
   			<td>Родной язык</td>
   			<td><input name=""></td>
   			<td><input name=""></td>
            <td><input name=""></td>
            <td class="interim"></td>
   		</tr>
   		<tr class="study" data-k="2">
   			<td>Математика</td>
   			<td><input name=""></td>
   			<td><input name=""></td>
            <td><input name=""></td>
            <td class="interim"></td>
   		</tr>
        <tr class="study" data-k="2">
   			<td>Физика</td>
   			<td><input name=""></td>
   			<td><input name=""></td>
            <td><input name=""></td>
            <td class="interim"></td>
   		</tr>
        <tr>
        <td colspan="3" ></td>
        <td>Sizin Balınız</td>
        <td class="result"></td>
      </tr>
   	</tbody>
   </table>
<script>
var fb = [function(a, b) { //формулы для каждой таблицы по порядку
        return 4 * a - b
    }, function(a, b, c) {
        return 4 * a + b - c
    }],
    total = function(a) {
        return a.reduce(function(a, b) {
            return a + b
        }, 0)
    };
[].forEach.call(document.querySelectorAll(".qrup"), function(table, i) {
    var sum = [],
        result = table.querySelector(".result");
    [].forEach.call(table.querySelectorAll(".study"), function(tr, n) {
        var temp = [],
            interim = tr.querySelector(".interim"), k = +tr.dataset.k||1;
        sum[n] = 0;
        [].forEach.call(tr.querySelectorAll("input"), function(input, j) {
            temp[j] = 0;
            input.addEventListener("input", function() {
                var val = +input.value || 0;
                input.value = temp[j] = val;
                sum[n] = fb[i].apply(null, temp) * k;
                interim.innerHTML = sum[n];
                result.innerHTML = total(sum)
            })
        })
    })
});
</script>

</body>

</html>
Почему при удалении части кода которая мне не нужна скрипт не работает?
<table width="400" class="qrup"  >
013
    <thead>
014
        <tr>
015
            <th>Fənnlər</th>
016
            <th>D</th>
017
            <th>Y</th>
018
            <th>FB</th>
019
        </tr>
020
    </thead>
021
    <tbody>
022
        <tr class="study" data-k="1">
023
            <td>Родной язык</td>
024
            <td><input name=""></td>
025
            <td><input name=""></td>
026
            <td class="interim"></td>
027
        </tr>
028
        <tr class="study" data-k="2">
029
            <td>Математика</td>
030
            <td><input name=""></td>
031
            <td><input name=""></td>
032
            <td class="interim"></td>
033
        </tr>
034
        <tr class="study" data-k="2">
035
            <td>Физика</td>
036
            <td><input name=""></td>
037
            <td><input name=""></td>
038
            <td class="interim"></td>
039
        </tr>
040
        <tr>
041
        <td colspan="2" ></td>
042
        <td >Sizin Balınız</td>
043
        <td class="result"></td>
044
      </tr>
045
    </tbody>
046
   </table>
Ответить с цитированием