Часто возникает необходимость, к примеру, подсчитать количество вводимых символов, что прямо сейчас мне и понадобилось. И чтобы не заморачиваться, я попросил моего друга Нейросеть быстренько написать нужный мне скриптик на jQuery, тем более что в Bootstrap 5 jQuer присутствует.
Вот текст моего Запроса (промта):
"Пожалуйста, напиши мне скрипт на jQuery, подсчитывающий количество вводимых символов. Символы вводятся в поле Input и отображаются в нем.
Необходимо предусмотреть кноку сброса набранной информации."
Думал он меньше минуты, я формулировал Запрос куда дольше. Получаю код скрипта. Смотри ниже.
<script>
$(document).ready(function() {
// Get the input field and counter element
var inputField = $('#inputField');
var counter = $('#counter');
// Initialize the counter with the default value
counter.text(inputField.val().length);
// Update the counter on input change
inputField.on('input', function() {
counter.text(inputField.val().length);
});
// Reset the input field and counter
$('#resetButton').click(function() {
inputField.val('');
counter.text('0');
});
});
</script>
<div class="sch-k mb-3">
<div>
<label for="inputField">Введите фразу для подсчёта количества символов:</label>
</div>
<div>
<input type="text" id="inputField" style="width: 100%; max-width: 600px;" />
</div>
<div>Количество символов: <span id="counter">0</span></div>
<div>
<button id="resetButton" class="btn btn-gav1">Сброс</button>
</div>
</div>
Код вставляю в тело статьи.
Понятно, я мог для подсчёта количества символов использовать форму комментариев, но компонент комментариев используется далеко не всегда и не везде, да и в первую очередь мною двигало желание показать, что ИИ пользоваться можно, нужно и это легко.
