JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://openlayers.org/dev/OpenLayers.js"></script>
<link rel="stylesheet" href="http://openlayers.org/dev/theme/default/style.css">
	<div style="width: 600px; height: 300px; border: 1px solid black"
		id="map"></div>

	<div id="info"></div>

JavaScript

$(window).load(function() {
    var map = new OpenLayers.Map("map");
       map.addControl(new OpenLayers.Control.MousePosition());
        var osm = new OpenLayers.Layer.OSM();
        map.addLayer(osm);
        // Set view to zoom maximum map extent
        map.zoomToMaxExtent();

		var markers = new OpenLayers.Layer.Markers("Markers");
		map.addLayer(markers);

		myMarker = new OpenLayers.Marker(new OpenLayers.LonLat(0,0));
		markers.addMarker(myMarker);

		map.events.register("click", map, function(evt) {
			var pos = map.getLonLatFromPixel(evt.xy);
			updateMaker(myMarker, pos);
		});

		function updateMaker(myMarker, pos) {
			myMarker.moveTo(myMarker.map.getPixelFromLonLat(pos));
		}
	});