#javascript #webdev #beginners #programming

Как JavaScript делает первую букву строки заглавной?
В HTML и CSS есть встроенный метод «capitalize», который делает первую букву каждого слова или строки заглавной. JavaScript не так прост в исполнении, как другие веб-языки.
Мы не можем напрямую выполнить JavaScript, чтобы сделать первую букву заглавной; мы создадим функцию с помощью некоторых других методов, таких как срез, подстрока, верхний регистр и т. д.
Примечание: все запросы, которые не встроены в теги HTML, будут выполняться внутри вкладки консоли браузера ( Дерьмо + Ctrl + J).
В этой статье вы узнаете, как сделать первую букву заглавной с помощью этих четырех методов.

1. В JavaScript первая буква слова заглавная (метод slice()).

Это метод преобразования первой буквы строки или слова в заглавную.
Определите переменную, содержащую слово, в котором первую букву вы хотите сделать заглавной, используя JavaScript.

● Метод charAt()
charAt() возвращает символ заданного индекса. charAt(0) выберите первую букву, такую ​​как «a» в приведенном ниже примере.
● метод toUpperCase()
Этот метод применяется только к строкам или словам. Он преобразует определенный символ позиции индекса в буквы верхнего регистра.
● Метод slice()
Используя метод slice, вырежьте остальные буквы из первой буквы и получите та же последовательность вывода, что и ввод без каких-либо изменений.
Определите переменную с именем «res», которая будет хранить все процедуры и распечатывать их на вкладке консоли.

const letter = 'aisha';
const res = letter.charAt(0).toUpperCase() + letter.slice(1);
console.log(res);
//   output
//   Aisha

2. JavaScript делает первую букву строки заглавной (отображается на HTML-странице).

Используйте JavaScript внутри тегов HTML. Это поможет вам использовать JavaScript с заглавной буквы на веб-странице, не открывая вкладку консоли.
● Используйте поле ввода, которое принимает ввод от пользователя.
● Используйте кнопку с нажатием () функция, которая выполняет определенную функцию JavaScript, которая находится внутри тегов скрипта.
● Свойство innerHTML помогает получить код JavaScript и распечатать его после применения функций и их изменения.

<!DOCTYPE html>
<html>
    <head>
    </head> 
    <body style = "text-align:center;">
        <h1 style = "color:blue;" >
            Capitalize the first letter
        </h1>
        <input id = "input" type="text" name="input"/>
        <button onclick="capitalizeFirstLetter()">
            Click to Capitalize
        </button
        <h3 id = "div" style="color: orange">
        </h3>   
        <script>
        function capitalizeFirstLetter() {
        const input = document.getElementById("input");
        const x = document.getElementById("div");
        const string = input.value;
        x.innerHTML = string[0].toUpperCase() +string.slice(1);
        }
        </script>
    </body>
</html>

Вывод

Примечание: этот метод преобразует только первую букву в верхний регистр, а все остальные символы в качестве входных данных. если у вас есть ввод верблюжьих букв, этот метод не покажет вам достаточно хороший результат. Чтобы сделать первую букву заглавной, а все остальные строчными, вам нужно следовать приведенному ниже методу

3. Первая буква JavaScript в слове заглавная, а остальные строчные.

● В этом методе после разделения первой буквы с остальными буквами к первой букве применяется заглавная буква, а к остальным – строчная.
● Вызвать определенную функцию «заглавными буквами» со строкой и получить вывод.

function capitalize(string) {
return string.charAt(0).toUpperCase() + string.slice(1).toLowerCase();} 
capitalize('aisha')
//output 
//Aisha

4. JavaScript делает заглавной первую букву каждого слова предложения (метод substring()).

Этот метод помогает создать заглавную первую букву каждого слова предложения с помощью JavaScript. Для этого сначала создайте функцию ввода, которая будет принимать вводимые пользователем предложения.
● substring и slice работают одинаково, но substring() работает немного быстрее, чем метод slice().
● Все вводимые данные преобразуются в нижний регистр и разделяются пробелом, что помогает манипулировать каждым словом по отдельности.
● Функция map() создает массив и применяет функцию к этому массиву.
● Внутри map() применяется функция для первой буквы каждого слова, разделенного пробелом, для возврата в верхнем регистре

function capitalize(input) {  
    return input.toLowerCase().split(' ').map(s => s.charAt(0).toUpperCase() + s.substring(1)).join(' ');  }  
capitalize ('i am a web developer')
// output
// "I Am A Web Developer"

Заключение

В этой статье мы рассмотрели четыре способа заставить JavaScript делать заглавными первую букву каждого слова и JavaScript делать заглавными первую букву каждого слова предложения.