JSFiddle - React, Tailwind, and code Playground

HTML

<html>
<head>
<title></title>
<script type="text/javascript">
function mostraDente(name){
  var valoratual = document.getElementById("dente").value;
  var valoratualizar = document.meuform.dente.value = valoratual + " " + name
}
</script>
</head>
<body>
<form name="meuform">
   <input type="text" id="dente" name="dente" size="20" />
</form>
<img src="http://www.goodsamdental.org/Mexico_Dental_Tooth_2.jpg" alt="dentes" border="0" usemap="#dentes"/>
<map name="dentes">
   <area shape="circle" coords="178,163,19" href="javascript:mostraDente('dente 7')">
   <area shape="circle" coords="208,151,19" href="javascript:mostraDente('dente 8')">
   <area shape="circle" coords="243,151,19" href="javascript:mostraDente('dente 9')">
   <area shape="circle" coords="273,162,19" href="javascript:mostraDente('dente 10')">
</map>
</body>
</html>