Дана задача: Пусть в 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, выделяется только одна последняя буква, но все слово удаляется.