JSFiddle - React, Tailwind, and code Playground

by jasonwilczak

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.2/angular.js"></script>
<form name="myForm"
          role="form" 
          ng-submit="signin()" 
          novalidate>

        <input type="text" name="input1" onfocus="writeToLogger('input1')"/>
        <input type="text" name="input2" onfocus="writeToLogger('input2')"/>

        <div ng-controller="mycontroller">
            <span ng-click="fillInput3()">A</span>
            <span ng-click="fillInput3()">B</span>
            <span ng-click="fillInput3()">C</span>
        </div>
        <input type="text" name="input3" readonly="" onfocus="writeToLogger('input3')"/>

        <button type="submit" onfocus="writeToLogger('input4')">Ok</button>
    </form>

<div id="logger"></div>

JavaScript

function writeToLogger(message){ 
    var logger = document.getElementById('logger');
    
    logger.innerHTML = logger.innerHTML + message + "</br>";                              }