JSFiddle - React, Tailwind, and code Playground

by Tehila M

HTML

<div class="form-inline">
												<div class="form-group">
													<label class="control-label" for="formGroupInputLarge">Stop
														at: </label>
													<div class="input-group">
														<span class="input-group-addon">$</span> <input   data-container="body" data-toggle="popover" data-placement="top"
															type="text" class="form-control numinput"
															placeholder="2500" id="autostop" value="2500"
															>
													</div>
												</div>
											</div>

<div id="popstop" class="btn btn-default" data-container="body" data-toggle="popover" data-placement="top" style="display:none;">
  Popover on top
</div>

CSS

.form-inline{
    margin:100px;
}

JavaScript

function pop(w, v){
$('#autostop').popover({
    html: true,
    title:"",
    content: "Are you sure you want to change the value of the "+w+" to "+v+"?<br /><a  id='ok' onclick='alert("+$('#autostop').val()+");'>Yes</a>"

}
               
);
    $('#autostop').popover('show');
};

$('#autostop').on('change',function(){
pop('stopVal',this.value);
});