Advertisement
BrotherCash

Clean Message

Jun 12th, 2020
1,239
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 1.02 KB | None | 0 0
  1. <!-- создайте функционал для очистки value из input и из данных message при клике на кнопку Clean Message с помощью метода cleanMessage. -->
  2. <!DOCTYPE html>
  3. <html lang="en">
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <title>FructCode VueJS</title>
  7. </head>
  8. <body>
  9.     <div id="app">
  10.         <input type="text" v-model="message">
  11.         <h1>{{ message }}</h1>
  12.         <button v-on:click="reverseMessage">Reverse Message</button>
  13.         <button v-on:click="cleanMessage">Clean Message</button>
  14.     </div>
  15.    
  16.     <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
  17.     <script>
  18.         var app = new Vue({
  19.             el: '#app',
  20.             data: {
  21.                 message: 'Hello, FructCode!'
  22.             },
  23.             methods: {
  24.               reverseMessage: function () {
  25.                 this.message = this.message.split('').reverse().join('')
  26.               }
  27.             }
  28.         })
  29.        
  30.     </script>
  31. </body>
  32. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement