JSFiddle - React, Tailwind, and code Playground

HTML

<div id="marqueurs">
    <div class="marqueur">
        <p>Points à récupérer : <span class="pointsXP">10</span>

        </p>
        <button class="recupererXP">Récupérer</button>
    </div>
    <br/>
    <div class="marqueur">
        <p>Points à récupérer : <span class="pointsXP">5</span>

        </p>
        <button class="recupererXP">Récupérer</button>
    </div>
</div>
<p>Points cumulés : <span id="totalXP">2</span>

</p>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

JavaScript

$(document).ready(function () {
    var $xp = $("#totalXP");

    $(".recupererXP").click(function () {
        var currentXP = parseInt($xp.text(), 10),
            $spanXP = $(this).parent().find(".pointsXP"),
            value = parseInt($spanXP.text(), 10),
            newValue = value + currentXP;
        $spanXP.text(0)
        $xp.text(newValue)
    })
})