JSFiddle - React, Tailwind, and code Playground

by Dedi Wibisono

HTML

<div class="ya">
<input type="text" class="test">
<div class="gagal"></div>
</div>

<button class="tambah">tambah</button>
<button class="click">cick</button>

CSS

.gagal {
  display:none
}

.show {
  display:block !important
}

JavaScript

$('.click').click(function(){
	/* alert(1) */
  var test = $('.test');
  if(test.val().length < 4) {
  	//alert ('gagal')
    $('.gagal').text('gagal').addClass('show')
  } else {
  	alert('sukses')
  }
})

$('.tambah').click(function() {
	var x = 1;
  var leng = $('input').length + 1;
	$('.ya').append(`
  	<input type="text" class="test new-${leng}">
		<div class="gagal"></div>
  `)
})