JSFiddle - React, Tailwind, and code Playground

by timhuang

HTML

<textarea name="coords" id="coords" cols="20" rows="3"></textarea>
<input type="button" value="產生區域多邊形座標" onclick="genCoords();">
<hr>
<div id="output">
</div>

JavaScript

function genCoords(){
	arrayCoords = document.getElementById("coords").value.split(" ");
  var output = document.getElementById("output");
  for(i=0;i<arrayCoords.length;i++){
  	coord = arrayCoords[i].split(",");
    // {lat: 25.073680599999996, lng:121.52450680000001},
  	output.innerHTML += "{lat: "+coord[1]+", lng:"+coord[0]+"},\n<br>";
  }  
}