Показать сообщение отдельно
  #4 (permalink)  
Старый 03.09.2018, 14:22
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,068

drakulawz,
что не так?
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  </style>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  <script>
$(function() {
  var val = $('.inp'),    //<input> с введёнными цифрами;
          result = $('.res'); //<p> параграф с результатом;

    $(val).on('focusout', total);   //по потери фокуса выполняется функция по получению среднего арифметического введённых цифр;

    function total() {
        var sum = 0;
        var str = val.val();
        var arr = str.split('');
        for (i = 0; i < arr.length; i++) {
            sum += +arr[i];
        var equal = sum/arr.length;
        }
        result.html(equal);
    }

    $(val).on('focusin', clear);    //по получению фокуса очищается инпут и параграф;

    function clear() {
        val.val('');
        result.html('=');
    }


});
  </script>
</head>

<body>
 <input type="text" class="inp">
<p  class="res"></p>

</body>
</html>
Ответить с цитированием