JSFiddle - React, Tailwind, and code Playground

HTML

<span class="p1">+</span>


<div class="html-kod"></div>
<br />

<span id='p1-1'>0</span>

CSS

.p1 {
			background-color: #6791ef;
			padding: 5px 9px;
			color: white;
			cursor: pointer;
			line-height: 40px;
			}

JavaScript

$('.p1').click(function() {
  $('.html-kod').append('<br /><input id="p1" type="text" value="0"/><br />');
});

$("#p1").keyup(function() {
  var value = $(this).val();
  $("#p1-1").text(value);
  price4 = parseFloat($.trim($('#p1-1').text().replace(/[^0-9,.]/g, '')).replace(',', '.'));
}).keyup();