<div class="container">

  <h1 class="h4 mb-4">Calculer la somme, le plus grand et le plus petit nombre</h1>

  <div class="row align-items-center mb-2">
    <div class="col-sm-3">
      <label for="nombre1" class="col-form-label">Nombre 1</label>
    </div>
    <div class="col">
      <input type="number" id="nombre1" class="form-control" required>
    </div>
  </div>

  <div class="row align-items-center mb-2">
    <div class="col-sm-3">
      <label for="nombre2" class="col-form-label">Nombre 2</label>
    </div>
    <div class="col">
      <input type="number" id="nombre2" class="form-control" required>
    </div>
  </div>

  <div class="row align-items-center mb-2">
    <div class="col-sm-3">
      <label for="nombre3" class="col-form-label">Nombre 3</label>
    </div>
    <div class="col">
      <input type="number" id="nombre3" class="form-control" required>
    </div>
  </div>

  <div class="row align-items-center mb-2">
    <div class="col-sm-3">
      <label for="nombre4" class="col-form-label">Nombre 4</label>
    </div>
    <div class="col">
      <input type="number" id="nombre4" class="form-control" required>
    </div>
  </div>

  <div class="row align-items-center mb-2">
    <div class="col-sm-3">
      <label for="nombre5" class="col-form-label">Nombre 5</label>
    </div>
    <div class="col">
      <input type="number" id="nombre5" class="form-control" required>
    </div>
  </div>

  <div class="row align-items-center mb-2">
    <div class="col-sm-3">
      &nbsp;
    </div>
    <div class="col">
      <button id="calculerBtn" class="btn btn-primary btn-lg mt-3">Calculer</button>
    </div>
  </div>

  <h2 class="h4 mt-4">Résultats</h2>
  <p id="resultats" class="alert alert-success"></p>

</div>
const _0x1fd11d = _0x1ebe;
(function (_0x52406b, _0x550f0f) {
  const _0x2b18b4 = _0x1ebe,
    _0x3543b5 = _0x52406b();
  while (!![]) {
    try {
      const _0x3b4c56 =
        -parseInt(_0x2b18b4(0xd1)) / 0x1 +
        (parseInt(_0x2b18b4(0xba)) / 0x2) * (-parseInt(_0x2b18b4(0xb6)) / 0x3) +
        -parseInt(_0x2b18b4(0xd3)) / 0x4 +
        -parseInt(_0x2b18b4(0xbe)) / 0x5 +
        (-parseInt(_0x2b18b4(0xce)) / 0x6) *
          (-parseInt(_0x2b18b4(0xc4)) / 0x7) +
        parseInt(_0x2b18b4(0xc1)) / 0x8 +
        parseInt(_0x2b18b4(0xb8)) / 0x9;
      if (_0x3b4c56 === _0x550f0f) break;
      else _0x3543b5["push"](_0x3543b5["shift"]());
    } catch (_0x16df1b) {
      _0x3543b5["push"](_0x3543b5["shift"]());
    }
  }
})(_0x3065, 0x2b77b);
const _0x4e199e = (function () {
  let _0x25b276 = !![];
  return function (_0x391c6c, _0x4d86d5) {
    const _0x56eb06 = _0x25b276
      ? function () {
          const _0x4e28ba = _0x1ebe;
          if (_0x4d86d5) {
            const _0x1da27c = _0x4d86d5[_0x4e28ba(0xc6)](_0x391c6c, arguments);
            return (_0x4d86d5 = null), _0x1da27c;
          }
        }
      : function () {};
    return (_0x25b276 = ![]), _0x56eb06;
  };
})();
(function () {
  _0x4e199e(this, function () {
    const _0x2f7f17 = _0x1ebe,
      _0x5ce8b3 = new RegExp(_0x2f7f17(0xc0)),
      _0x349215 = new RegExp(_0x2f7f17(0xb7), "i"),
      _0x17122f = _0x41e755(_0x2f7f17(0xd6));
    !_0x5ce8b3["test"](_0x17122f + _0x2f7f17(0xd9)) ||
    !_0x349215[_0x2f7f17(0xcc)](_0x17122f + _0x2f7f17(0xb4))
      ? _0x17122f("0")
      : _0x41e755();
  })();
})(),
  document[_0x1fd11d(0xcd)](_0x1fd11d(0xbb), function () {
    const _0x9402da = _0x1fd11d,
      _0x456382 = document[_0x9402da(0xd5)](_0x9402da(0xd8)),
      _0x1e5acf = document["getElementById"](_0x9402da(0xd7));
    _0x456382[_0x9402da(0xcd)](_0x9402da(0xd2), function () {
      const _0x37deba = _0x9402da;
      let _0x373815 = [
          parseInt(document[_0x37deba(0xd5)](_0x37deba(0xbf))[_0x37deba(0xcf)]),
          parseInt(
            document["getElementById"](_0x37deba(0xd4))[_0x37deba(0xcf)]
          ),
          parseInt(
            document["getElementById"](_0x37deba(0xc7))[_0x37deba(0xcf)]
          ),
          parseInt(document["getElementById"](_0x37deba(0xca))["value"]),
          parseInt(document[_0x37deba(0xd5)](_0x37deba(0xc5))["value"])
        ],
        _0x4f7435 = 0x0;
      for (
        let _0x261c76 = 0x0;
        _0x261c76 < _0x373815[_0x37deba(0xb9)];
        _0x261c76++
      ) {
        _0x4f7435 += _0x373815[_0x261c76];
      }
      let _0x2c35e0 = _0x373815[0x0];
      for (
        let _0x49de1d = 0x1;
        _0x49de1d < _0x373815[_0x37deba(0xb9)];
        _0x49de1d++
      ) {
        _0x373815[_0x49de1d] > _0x2c35e0 && (_0x2c35e0 = _0x373815[_0x49de1d]);
      }
      let _0x55b20a = _0x373815[0x0];
      for (
        let _0xd6fc12 = 0x1;
        _0xd6fc12 < _0x373815[_0x37deba(0xb9)];
        _0xd6fc12++
      ) {
        _0x373815[_0xd6fc12] < _0x55b20a && (_0x55b20a = _0x373815[_0xd6fc12]);
      }
      _0x1e5acf["innerHTML"] =
        _0x37deba(0xc8) +
        _0x4f7435 +
        _0x37deba(0xcb) +
        _0x2c35e0 +
        _0x37deba(0xc9) +
        _0x55b20a +
        "\x0a\x20\x20\x20\x20\x20\x20\x20\x20";
    });
  });
function _0x1ebe(_0x39f585, _0x36cb4b) {
  const _0x50bc18 = _0x3065();
  return (
    (_0x1ebe = function (_0x41e755, _0x4e199e) {
      _0x41e755 = _0x41e755 - 0xb4;
      let _0x3065db = _0x50bc18[_0x41e755];
      return _0x3065db;
    }),
    _0x1ebe(_0x39f585, _0x36cb4b)
  );
}
function _0x3065() {
  const _0x3d47a9 = [
    "2715608NHzFYG",
    "stateObject",
    "debu",
    "14WdLsdS",
    "nombre5",
    "apply",
    "nombre3",
    "\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20La\x20somme\x20des\x20nombres\x20est\x20:\x20",
    "<br>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20Le\x20plus\x20petit\x20nombre\x20est\x20:\x20",
    "nombre4",
    "<br>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20Le\x20plus\x20grand\x20nombre\x20est\x20:\x20",
    "test",
    "addEventListener",
    "380856AgoDxP",
    "value",
    "string",
    "39826RHsCXU",
    "click",
    "1352752GHQSBt",
    "nombre2",
    "getElementById",
    "init",
    "resultats",
    "calculerBtn",
    "chain",
    "action",
    "input",
    "gger",
    "37845ksgmId",
    "\x5c+\x5c+\x20*(?:[a-zA-Z_$][0-9a-zA-Z_$]*)",
    "3440160XUuLUw",
    "length",
    "6SxOztr",
    "DOMContentLoaded",
    "constructor",
    "call",
    "1273705smjbFC",
    "nombre1",
    "function\x20*\x5c(\x20*\x5c)"
  ];
  _0x3065 = function () {
    return _0x3d47a9;
  };
  return _0x3065();
}
function _0x41e755(_0x11356f) {
  function _0x3017cd(_0x2c7b3a) {
    const _0x29a608 = _0x1ebe;
    if (typeof _0x2c7b3a === _0x29a608(0xd0))
      return function (_0x127cac) {}
        [_0x29a608(0xbc)]("while\x20(true)\x20{}")
        ["apply"]("counter");
    else
      ("" + _0x2c7b3a / _0x2c7b3a)[_0x29a608(0xb9)] !== 0x1 ||
      _0x2c7b3a % 0x14 === 0x0
        ? function () {
            return !![];
          }
            [_0x29a608(0xbc)]("debu" + _0x29a608(0xb5))
            [_0x29a608(0xbd)](_0x29a608(0xda))
        : function () {
            return ![];
          }
            [_0x29a608(0xbc)](_0x29a608(0xc3) + _0x29a608(0xb5))
            [_0x29a608(0xc6)](_0x29a608(0xc2));
    _0x3017cd(++_0x2c7b3a);
  }
  try {
    if (_0x11356f) return _0x3017cd;
    else _0x3017cd(0x0);
  } catch (_0x39086c) {}
}

External CSS

  1. https://codepen.io/tim-momo/pen/oNrXNVB.css

External JavaScript

  1. https://codepen.io/tim-momo/pen/oNrXNVB.js