Facebook

Untitled safest cryptocurrency exchange

From Beefy Mousedeer, 4 Years ago, written in HTML5.
URL https://pastebin.pl/view/0f48b74b
Embed
Download Paste or View Raw
Hits: 138
  1. <!DOCTYPE html>
  3.   <head>
  4.     <meta charset="utf-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1">
  6.     <link rel="stylesheet" href="https://unpkg.com/buefy/dist/buefy.min.css">
  7.   </head>
  8.  
  9.   <body>
  10.     <div id="app">
  11.       <section>
  12.         <b-field>
  13.           <b-input type="number" v-model="total" min="0" max="255"></b-input>
  14.         </b-field>
  15.         <b-field grouped group-multiline>
  16.           <b-checkbox-button
  17.               v-model="checked"
  18.               :native-value="item"
  19.               v-for="(item,key) in items" :key="key">{{ item }}</b-checkbox-button>
  20.         </b-field>
  21.       </section>
  22.     </div>
  23.  
  24.     <script src="https://unpkg.com/vue"></script>
  25.     <!-- Full bundle -->
  26.     <script src="https://unpkg.com/buefy/dist/buefy.min.js"></script>
  27.  
  28.     <!-- Individual components -->
  29.     <script src="https://unpkg.com/buefy/dist/components/table"></script>
  30.     <script src="https://unpkg.com/buefy/dist/components/input"></script>
  31.  
  32.     <script>
  33.      new Vue({
  34.          el: '#app',
  35.          data() {
  36.              return {
  37.                  total: "42",
  38.                  items: null,
  39.                  checked: [],
  40.              }
  41.          },
  42.          watch: {
  43.              total(val, oldVal) {
  44.                  console.log(`total: ${oldVal} -> ${val}`)
  45.                  this.update()
  46.              },
  47.              items(val, oldVal) {
  48.                  console.log(`items: ${oldVal} -> ${val}`)
  49.              },
  50.              checked(val, oldVal) {
  51.                  console.log(`checked: ${oldVal} -> ${val}`)
  52.              }
  53.          },
  54.          methods: {
  55.              update() {
  56.                  this.items = new Array(parseInt(this.total))
  57.                  for(let i=0; i<this.items.length; i++) {
  58.                      this.items[i] = `${i+1}`
  59.                  }
  60.              }
  61.          },
  62.          mounted() {
  63.              this.update(this.total)
  64.          }
  65.     })
  66.    </script>
  67.   </body>
  68. </html>
  69.  

Reply to "Untitled"