сумма приращений в ajax не работает

Question

У меня есть таблица encouragements с 2 полями unit_score' and max_score` в базе данных.и я работаю над созданием очень простой системы оценок, и в качестве доказательства концепции у меня есть div с переменной, определенной в laravel, которая должна увеличиваться на 1 при нажатии кнопки.То, что у меня до сих пор работает, но только один раз ... Почему значение голоса не продолжает увеличиваться при нажатии кнопки?

<div class="panel-body">
    <div class="table-responsive">
        <table class="table table-bordered">
            @foreach($encouragements as $encouragement)
                <tr>
                    <th class="translate">{{ $encouragement->title }}</th>
                    <td>
                        <div class="input-group">
                            <input type="text" min="{{ $encouragement->unit_score }}" max="{{ $encouragement->max_score }}" id="num{{$encouragement->id}}" value="0" class="form-control col-sm-1 translate" name="encouragement[{{ $encouragement->id }}]">
                            <div class="input-group-btn">
                                    <input type="button" onclick="incrementValue({{$encouragement->id}})" class="btn btn-warning" value="Add">
                            </div>
                        </div>
                    </td>
                </tr>
            @endforeach
        </table>
    </div>
    <div class="text-right">Sum:
        <span id="sum" class="translate">0</span>
    </div>
</div>

<script>
function incrementValue(id)
{
    var value = parseInt(document.getElementById('num'+id).value, 10);
    value = isNaN(value) ? 0 : value;
    value++;
    document.getElementById('num'+id).value = value;
    values = value + value;
    document.getElementById('sum').innerHTML = values;
}
</script>

Answer 1

Поместите свою функцию JS в тег <script>.