JSFiddle - React, Tailwind, and code Playground

by Denis

HTML

<p>Вводите данные в поле, после нажимаете на появившуюся кнопку:</p>
<input type="text" />
<div class="sch"></div>
<button>Что имеем?</button>

CSS

input {
    width: 300px;
    border: 1px solid #999;
    padding: 2px;
}

JavaScript

var stroka, arr = [];
var but = $('button').hide(); // Не относится к сути вопроса
$('input').keyup(function(e){
    var str = $(this).val();
    $('.sch').text(str);
    arr = str.split(''); // Массив введенных символов
    stroka = arr.join(''); // Строка, полученная из массива = str (выше)
    
    // Не относится к сути вопроса
    if(str != ''){
        but.show();
    } else {
        but.hide();
    }
});

// Не относится к сути вопроса
but.click(function(){
    $('.sch').html('<p><strong>Строка:</strong> ' + stroka  + '</p><p><strong>Массив: </strong>' + arr + '</p>');
});