JSFiddle - React, Tailwind, and code Playground

by Ranganadh Paramkusam

HTML

<h3>Look and Say sequence generator</h3>
<label>Enter no. of cycles to generate : </label><input type="text" id="num" />
<input type="button" id="generate" value="Generate" />

CSS

div{word-wrap: break-word;}

JavaScript

$(document).ready(function(){
    var lookAndSay=function(a){a=a||1;var c=["1"],b=["1"];str=b[0];for(var d=0;d<a-1;d++)b=[],str.match(/1+|2+|3+/g).forEach(function(a){b.push(a.length+""+a[0])}),str=b.join(""),c.push(str);return c};
    $("#generate").click(function(){
        var num = $("#num").val();
        var sequence = lookAndSay(num);
        $('<div />').text("Sequence "+num+" : "+sequence.join(", ")).appendTo($("body"));
    })
})