JSFiddle - React, Tailwind, and code Playground

by darkstarsys

HTML

<body>
<div id="group">
</div>

</body>

JavaScript

var i=0;
var current_room_id=1;
var session_locations = ["one", "two"];
var src="foo.jpg";
      let label = $('<label/>', { class: 'btn m-1 active'})
      let div = $('<div/>', { class: 'card color-inherit'});
      let span = $('<span></span>', { class: 'button-label'})
      .text(session_locations[i])
      let input = $('<input/>', {
        type: 'radio',
        name: 'classes',
        value: i,
        checked: i==current_room_id })
      let img = $('<img>', {
        class: "button-image",
        'data-room': session_locations[i],
        src: src });
$('#group').append(label.append(div.append(span.append(input), img)))