JSFiddle - React, Tailwind, and code Playground

by ipr101

HTML

<html>
 <head>
  <style type='text/css'>

  </style>
 </head>
 <body>
  <form>
      <select id="questions">
          <option value="one">one</option>
          <option value="two">two</option>
      </select>    
      
   <textarea id="text">This is a long line of text for testing purposes...</textarea>
      <input type="button" value="go" id="butt"/>
      <input type="button" value="rand" id="rand"/>
  </form>
 </body>
</html>

JavaScript

$("#rand").click(function() {
    var shuffled = shuffle($("textarea").val().split("\n")).join("\n");
    $("textarea").val(shuffled);
});

$("#questions").change(function() {
    insertAtCaret("text",$("#questions").val())
});




function insertAtCaret(areaId,text) {
    var txtarea = document.getElementById(areaId);
    var scrollPos = txtarea.scrollTop;
    var strPos = 0;
    var br = ((txtarea.selectionStart || txtarea.selectionStart == '0') ? 
        "ff" : (document.selection ? "ie" : false ) );
    if (br == "ie") { 
        txtarea.focus();
        var range = document.selection.createRange();
        range.moveStart ('character', -txtarea.value.length);
        strPos = range.text.length;
    }
    else if (br == "ff") strPos = txtarea.selectionStart;

    var front = (txtarea.value).substring(0,strPos);  
    var back = (txtarea.value).substring(strPos,txtarea.value.length); 
    txtarea.value=front+text+back;
    strPos = strPos + text.length;
    if (br == "ie") { 
        txtarea.focus();
        var range = document.selection.createRange();
        range.moveStart ('character', -txtarea.value.length);
        range.moveStart ('character', strPos);
        range.moveEnd ('character', 0);
        range.select();
    }
    else if (br == "ff") {
        txtarea.selectionStart = strPos;
        txtarea.selectionEnd = strPos;
        txtarea.focus();
    }
    txtarea.scrollTop = scrollPos;
}

function shuffle(array) {
    var tmp, current, top = array.length;

    if(top) while(--top) {
        current = Math.floor(Math.random() * (top + 1));
        tmp = array[current];
        array[current] = array[top];
        array[top] = tmp;
    }

    return array;
}