map center point

HTML

<link rel="stylesheet" href="https://js.arcgis.com/4.8/esri/css/main.css">
<script src="https://js.arcgis.com/4.8/"></script>
<div id="map"></div>
<input id="myInput" type="text" readonly>

CSS

html, body, #map{
   width: 100%;
   height: 100%;
   background:none;
   overflow: hidden;
   margin:0;
   padding:0;
   border:0;
   outline:none;
}

#myInput{
  position:absolute;
  top:30px;
  right:150px;
  z-index:99;
}

JavaScript

require([
	"esri/Map",
  "esri/views/MapView",
  "esri/Graphic",
  "esri/core/watchUtils",
  "dojo/domReady!"
], function(
	Map,
  MapView,
  Graphic,
  watchUtils
){
	var map = new Map({
  	basemap: "hybrid"
  });
  
  var view = new MapView({
  	container: "map",
    map: map,
    constraints: {
    	rotationEnabled:false
    }
  });
  
  var addPoint = function(point){
  	view.graphics.removeAll();
    var graphicPoint = {
    	type: "point",
      latitude: point.latitude,
      longitude: point.longitude
    };
    
    var markerSymbol = {
    	type: "simple-marker",
      color: [85,139,197],
      outline: {
      	color: [255,255,255],
        width:2
      }
    };
    
    var pointGraphic = new Graphic({
    	geometry: graphicPoint,
      symbol: markerSymbol
    });
    
    view.graphics.add(pointGraphic);
  };
  
  var centerPoint = function(){
  	var point = view.center;
    var input = document.getElementById("myInput");
    input.value = point.latitude.toFixed(5) + " " + point.longitude.toFixed(5);
    addPoint(point);
  };
  
  var showCenterCoords = function(){
  	centerPoint();
    view.on("pointer-move", function(e){
    	centerPoint();
    });
  };
  
  view.when(function(){
  	showCenterCoords();
  });
});