JSFiddle - React, Tailwind, and code Playground
HTML
<script src="~/lib/jquery/dist/jquery.js"></script>
<script src="~/lib/jquery/dist/jquery.min.js"></script>
<script src="~/lib/jquery-validation/dist/jquery.validate.min.js"></script>
<script src="~/lib/jquery-validation-unobtrusive/jquery.validate.unobtrusive.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript">
$(function () {
$("#Coin0").click(Coin0);
});
$(function () {
$("#Coin1").click(Coin1);
});
$(function () {
$("#Coin2").click(Coin2);
});
$(function () {
$("#Coin3").click(Coin3);
});
$(document).ready(function () {
Sum += 10;
$('input[name="SumMoney"]').val(parseInt(Sum) + parseInt($('output[name="result"]').text()));
});
document.addEventListener('DOMContentLoaded', _ => {
document.querySelectorAll('.btn').forEach(_ => {
const ot = _.parentNode.querySelector('.total');
_.addEventListener('click', _ => {
const o = _.target;
if (o.tagName !== 'BUTTON') return;
const val = +ot.value + +o.value;
ot.value = val;
ot.setAttribute('value', val);
});
});
});
var count1 = 1;
var count2 = 1;
var count5 = 1;
var count10 = 1;
function myFunction(item) {
if (item == 1) {
document.getElementById("coin_1").setAttribute('value', count1++);
}
else if (item == 2) {
document.getElementById("coin_2").setAttribute('value', count2++);
}
else if (item == 5) {
document.getElementById("coin_3").setAttribute('value', count5++);
}
else if (item == 10) {
document.getElementById("coin_4").setAttribute('value', count10++);
}
}
$(document).ready(function () {
$(_ => {
const o = $('.total');
o.on('input', e => {
...