<!DOCTYPE html>
<html>
<head>
 <title>Сумма элементов</title>
</head>
<body>
<form id="myForm">
  <label for="numbers">Введите числа через запятую:</label><br>
  <input type="text" id="numbers" name="numbers"><br>
  <button type="button" onclick="summaindex()">Рассчитать сумму</button>
</form>
<p id="result"></p>

<script type="text/javascript">
function summaindex() {
  var input = document.getElementById("numbers").value;
  var numbers = input.split(',').map(Number); // Разделяем строку на числа

  var sum = 0;
  for (var i = 0; i < numbers.length; i++) {
    if (numbers[i] === i) {
      sum += numbers[i];
    }
  }
  return sum;
}

document.getElementById("myForm").addEventListener("submit", function(event){
  event.preventDefault(); 
  var sum = summaindex();
  document.getElementById("result").textContent = "Сумма элементов: " + sum;
});

</script>
</body>
</html>