26
Фев
2021

Как сделать первую и последнюю букву заглавной?

Дана задача: Пусть в data в свойстве text есть какой-то текст. Выведите этот текст в каком-нибудь абзаце. Пусть дана также кнопка. Сделайте так, чтобы по нажатию на эту кнопку, первая и последняя буквы текста стали заглавными.

Сделайте для этого две вспомогательных функции. Пусть первая функция upperCaseFirst параметром принимает текст и возвращает этот текст с заглавной первой буквой, а вторая функция upperCaseLast пусть тоже самое делает для последней буквы текста.

И есть код: HTML

<div id="app">
    <p>Lorem ipsum dolor sit {{ text }}  amet.</p>
    <button v-on:click="changeUpperCase">Изменить текст</button>
</div>

<script src="vue.js/vue.js"></script>
<script src="script.js"></script>

И код JS-Vue:

let app = new Vue ({
    el: "#app",
    data: {
        text: "какой-то текст",
    },
    methods: {
        // Изменяет имя
        upperCaseFirst: function() {
            this.text = this.text[0].toUpperCase() + this.text.substring(1);
        },
        
        // Изменяет возраст
        upperCaseTwo: function() {
            this.text = this.text[]
        },

        changeUpperCase: function() {
            this.upperCaseFirst();
            this.upperCaseTwo();
        },
    }
});

Разобрался, как по нажатию на кнопку делать первую букву заглавной, а вот как делать последнюю понять не могу. При использовании toUpperCase и substring, выделяется только одна последняя буква, но все слово удаляется.

Источник: https://ru.stackoverflow.com/questions/1249148/%D0%9A%D0%B0%D0%BA-%D1%81%D0%B4%D0%B5%D0%BB%D0%B0%D1%82%D1%8C-%D0%BF%D0%B5%D1%80%D0%B2%D1%83%D1%8E-%D0%B8-%D0%BF%D0%BE%D1%81%D0%BB%D0%B5%D0%B4%D0%BD%D1%8E%D1%8E-%D0%B1%D1%83%D0%BA%D0%B2%D1%83-%D0%B7%D0%B0%D0%B3%D0%BB%D0%B0%D0%B2%D0%BD%D0%BE%D0%B9

Тебе может это понравится...

Добавить комментарий