JSFiddle - React, Tailwind, and code Playground

by abstractcoder

HTML

<script src="https://cdn.rawgit.com/hassansin/parse-address/4a4f4f78/parse-address.min.js"></script>
<script src="https://cdn.rawgit.com/knrz/CSV.js/df7b6692/csv.js"></script>
<div id="app">
  <input type="text" v-model="addressColumn" />
  <textarea v-model="input"></textarea>
  <textarea v-bind:value="output"></textarea>
  <button v-on:click="generate">
    Generate
  </button>
</div>

JavaScript

new Vue({
	el: "#app",
  
  data: {
  	addressColumn: "Address",
    input: "",
    output: ""
  },
  
  methods: {
  	generate: function() {
      try {
        this.output.value = "";
        CSV.parse(this.input, {}, (line) => {
          var ap = parseAddress.parseLocation(line[this.addressColumn]);
          this.output.value += ap;
        });
        // this.output = CVS.encode(data);
      }
      catch (e) {
      
      }
    }
  }
 })