screen_rotation
Copied to Clipboard
<!DOCTYPE html> <html> <head> <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script> </head> <body> <h3>Vue js Find full Capitalized Words from String</h3> <div id="app"> <label for="text">Enter text:</label> <textarea id="text" v-model="text" @input="findFullyCapitalizedWords"></textarea> <p>Fully capitalized words:</p> <ul> <li v-for="(word, index) in fullyCapitalizedWords" :key="index">{{ word }}</li> </ul> </div> <script type="module"> const app = Vue.createApp({ data() { return { text: '', fullyCapitalizedWords: [] }; }, methods: { findFullyCapitalizedWords() { const fullyCapitalizedWords = this.text.match(/\b[A-Z]+\b/g) || []; this.fullyCapitalizedWords = fullyCapitalizedWords.filter(word => !word.match(/[a-z]/)); } } }); app.mount('#app'); </script> </body> </html>