как сделать красивее код?

168

30 октября 2019, 01:30

$(function () {
  $('#buttonTransform').on("click", function () {
    let valueOfInput = $('#GET-value').val();
    let valueOfInputToNumber = +valueOfInput;

    let valueToShow = '  sheep... ';
    for (let i = 0; i < valueOfInputToNumber; i++) {
        let output = [i + 1] + valueToShow;
        $('#place-for-value').append('<span>' + output + '</span>')
    }
  })
});

$(function () {
  $('#buttonTransform').on("click", wordShowing);
  function wordShowing() {
    let valueOfInput = $('#GET-value').val();
    let valueOfInputToNumber = +valueOfInput;
    let valueToShow = '  sheep... ';
    for (let i = 0; i < valueOfInputToNumber; i++) {
        let output = [i + 1] + valueToShow;
        $('#place-for-value').append('<span>' + output + '</span>')
    }
  }
});

Answer 1

Красивее - коротко и ясно, а не с кучей макарон.

$('#buttonTransform').click(function () { 
     
    let v = + $('#GET-value').val(); 
    let msg = '  sheep... '; 
  
    let i = 0; 
    while(++i <= v){ 
       $("span").text(i + msg ).appendTo("#place");     
    }  
});

Answer 2

Можно в функциональном стиле сделать вот так:

$(function () {
  $('#buttonTransform').click(function () {
    $('#place-for-value').append(Array(+$('#GET-value').val()).fill().map(
      (x, i) => $("<span>").text(i+1 + '  sheep... ')
    ));
  });
});