JSFiddle - React, Tailwind, and code Playground

by Dogbert

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.4.2/vue.min.js"></script>
<div id="app">
  <input v-model="factor" type="number">
  <textarea cols="30" rows="10" v-model="input"></textarea>
  <textarea cols="30" rows="10" v-model="output" readonly></textarea>
</div>

JavaScript

new Vue({
  el: '#app',
  data: {
    factor: 1,
    input: '',
  },
  computed: {
    output() {
      return this.input.replace(/-?\d+(\.\d+)?/g, match => parseFloat(match, 10) * this.factor);
    }
  }
})