Не предусмотрено адекватное поведение скрипта при изменении текста.
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$( "<input id='mytext' type='input' value='mytext'>" ).appendTo( "body" );
$( "<input id='myclick' type='button' value='++'>" ).appendTo( "body" );
$("#mytext").css({top:0, left: 0,position:'absolute'});
$("#myclick").css({top:50, left: 0,position:'absolute'});
let index = 0;
$("#myclick").click(function(){
let result = $("#mytext").val();
if (result.length == index){
alert("Разбор ввода завершен");
return 0;
}
result = result.charAt(index);
index++;
alert(result);
});
});
</script>
</head>
<body>
</body>
</html>
| 