JSFiddle - React, Tailwind, and code Playground

by skilesare

HTML

<div id='data1'></div>
<div id='data2'></div>
<div id='data3'></div>
<div id='data4'></div>

CoffeeScript

$ ->
    debugger
    class MyClassLocal
        constructor: ->
            @list = [
                     "test1"
                     "test2"
            ]
    
                     
    class MyClassProto
        constructor: ->
            @x = 1
        list: [
               "test1"
               "test2"
        ]
    
    thisClass1 = new MyClassLocal()
    thisClass2 = new MyClassLocal()
    thisClass3 = new MyClassProto()
    thisClass4 = new MyClassProto()
    
    thisClass1.list.push("test3")
    
    thisClass3.list.push('test4')
    
    for item in thisClass1.list
        debugger
        $('#data1').append(item)
        
    for item in thisClass2.list
        debugger
        $('#data2').append(item)
        
    for item in thisClass3.list
        debugger
        $('#data3').append(item)
        
    for item in thisClass4.list
        debugger
        $('#data4').append(item)