Что изменить в функции, что бы блоки работали отдельно?

Question

[greenfox07]

Т.е. что бы была возможность добавлять еще другие блоки с другим значением (под Name в блоке).

Под кнопкой Press me выводится рандомное значение

https://codepen.io/mamedov94/pen/LMyyvv

Answer 1

[Олег]

Ваше

$('.hill-btn').click(function() {
		random();
	});
});

Замените на:

$(document).find('.hill-btn').each(function(){
   $(this).click(function(){
      random();
   };
});

P.S. ищет в документе блоки с классом hill-btn и каждому отдельно назначает выполнение вашей функции

Comments

[greenfox07]

заменил, но все так же работает

[Олег]

$('.random-numb').text(random); - Аналогично надо внутри функции Random назначить обработчик для конкретного блока с классом random-numb - а то у вас к каждому такому блоку одинаковый текст добавляется

[Олег]

greenfox07, типо такого:
function random(index){
.... // текст вашей функции
$(".ваш_класс_для_вывода_числа").eq(index).text("Ваш_текст");
}
$(document).find('.hill-btn').each(function(){
$(this).click(function(index){
random(index);
};
});