JSFiddle - React, Tailwind, and code Playground

by existence17

HTML

<div>
<input type="text" class="mariinsky" /><button id="inside">+</button>
</div>
<button id="outside">Button</button>
<br />
input value = <span></span>

CSS

div {
    display:none;
}

JavaScript

var i = 0;
jQuery('button#outside').click(function() {
    jQuery('div').toggle();
});

jQuery('button#inside').click(function() {
    jQuery( ".mariinsky" ).val(i);
    i++;
});

$( '.mariinsky' ).change( function() {
    var bolshoi = jQuery( ".mariinsky" ).val();
    jQuery( 'span' ).text(bolshoi);
});