JSFiddle - React, Tailwind, and code Playground

HTML

<div class='mainWrapper'>
          
              <div class="btn_wrap">
							
							  <input type="button" value="ШАНС +10%" data-set = '100'/><span>+ 100 РУБЛЕЙ</span>
          
							</div>
              
							<div class="btn_wrap">
              
							  <input type="button" value="ШАНС +20%" data-set = '200'/><span>+ 200 РУБЛЕЙ</span>
							
							</div>
              
							<div class="btn_wrap">
              
							  <input type="button" value="ШАНС +30%" data-set = '300'/><span>+ 300 РУБЛЕЙ</span>
							
							<div id="result">1499</div>
              
							</div>
              
         </div>

JavaScript

document.querySelector('.mainWrapper').addEventListener('click',function(e) {

    var el = e.target;
    
    if (el.tagName!='INPUT') return;
    
    var sum = +(el.getAttribute('data-set'));
    
    result.innerHTML=+(result.innerHTML)+sum;

  });