How to take the users keyboard input and display it on the screen where they type
08:19 11 Dec 2017

I want to have it so the user can click on an image, and where he clicked, type something, and that text will stay there. I currently have it where I can display an black box, but I need it so the user can type info next to the box.

I want to make an interactive map for my dad where he can click and display where he caught a certain type of fish.

$(document).ready(function() {
  $(document).click(function(ev) {
    $("body").append(
      $('
').css({ position: 'absolute', top: ev.pageY + 'px', left: ev.pageX + 'px', width: '10px', height: '10px', background: '#000000' }) ); }); });

javascript html css