Несколько счетных кнопок JS

Я пытаюсь создать что-то страница, которая создает сообщение, поэтому каждый раз, когда кто-то нажимает кнопку, он создает текст с другой кнопкой. Я хочу, чтобы каждая отдельная кнопка была увеличена при нажатии, но она не работает. Обновляется только один счет или нет. Я использую HTML5 и CSS с javascript.Несколько счетных кнопок JS

$(function(){ 
$('.input_button').on('click', function(){ 
    text = $('.input_text').val(); 
    var btn = document.createElement("BUTTON"); 
    var t = document.createTextNode("Like"); 

    btn.appendChild(t); 
    document.body.appendChild(btn); 
var clicks = 0; 
    btn.onlick = function() { 
     clicks += 1; 
    document.getElementById("clicks").innerHTML = clicks; 
    }; 
    if (text != undefined) { 
     post = '<div class="post test--post">' + '<img src="photo.JPG" width="20" height="25" alt=""/>' + '<p><span>jaleelg: </span></p>' + text + 
     '<p>Clicks: <a id="clicks">0</a></p>' + "<br>" + Date() + " " + '</div>'; 
     new_post = $('.post_feed').append($(post)) 
     new_post = $('.post_feed').append($(btn)) 
    } 
});

});

источник

2017-02-08 Anonymous

Некоторые код, пожалуйста ... Have вы на самом деле пытались что-нибудь? – TricksfortheWeb

да я добавил код –

У вас возникли ошибки? – TricksfortheWeb

Были куча вещей неправильно с кодом, но я установил их: https://jsfiddle.net/yak613/opoy49ox/

$(function(){ 
$('.input_button').on('click', function(){ 
    text = $('.input_text').val(); 
    var btn = $("<button></button>"); 
    btn.text(text); 
    $("body").append(btn); 
    btn.after("<span class='clicks'></span>") 
    var clicks = 0; 
    btn.click(function() { 
     clicks++; 
     $(this).next(".clicks").html(clicks); 
    }); 
    if (text != undefined) { 
     post = '<div class="post test--post">' + '<img src="photo.JPG" width="20" height="25" alt=""/>' + '<p><span>jaleelg: </span></p>' + text + 
     '<p>Clicks: <a id="clicks">0</a></p>' + "<br>" + Date() + " " + '</div>'; 
     new_post = $('.post_feed').append($(post)) 
     new_post = $('.post_feed').append($(btn)) 
    } 
}); 
});

источник

2017-02-08 18:10:26 TricksfortheWeb

Это перекрывает первый счетчик каждый раз, когда нажимается одно из новых значений кнопок. У меня было что-то подобное в одном из моих испытаний. Мне нужна каждая кнопка, чтобы иметь собственный счет. –

Хорошо, я добавлю это. Держитесь ... – TricksfortheWeb

См. Обновленное сообщение. – TricksfortheWeb

это как сделать кнопку:

**function onClick() { 
    clicks += 1; 
    document.getElementById("clicks").innerHTML = clicks 
<body> 



<button type="button" onClick="onClick()">Click Me!</button> 



<p>clicks: $<a id="clicks">0</a></p> 



</body>**

источник

2017-02-08 18:11:03 wrogrsin

Несколько счетных кнопок JS

ответ

Смежные вопросы