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

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> параграф с результатом;
    function total() {
        var sum = 0;
        var str = val.val();
        var arr = str.match(/\d/g);
        if(arr){
        for (var i = 0; i < arr.length; i++) {
            sum += +arr[i];
        }
        var equal = (sum/arr.length).toFixed(2);
        val.val(arr);
        result.html(+equal);
        }
        else clear()
    }

    function clear() {
        val.val('');
        result.html('=');
    }
    val.on({'focusout' : total, 'focusin' : clear});
    //по потери фокуса выполняется функция по получению среднего арифметического введённых цифр;
    //по получению фокуса очищается инпут и параграф;

});
  </script>
</head>

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

</body>
</html>

Последний раз редактировалось рони, 03.09.2018 в 15:40.
Ответить с цитированием