JSFiddle - React, Tailwind, and code Playground

by aarkuo17

HTML

<div id='all'>

<div id='left'>

</div>
<div id='right'>
<input type='button'>
</div>

</div>

JavaScript

$all = $('#all');
$all.css({
 display: 'inline-flex',
  'align-items':'flex-start',
  'flex-direction':'row',
  'flex-wrap': 'nowrap',
  width:'auto',
  height:'auto'
});


$lf = $('#left')

$lf.attr('name', 'leftside');

$lf.append($('<p></p>').text($lf.attr('name')));

$('#left p').attr('id', 'leftp');
$('#leftp').html('<b>hahaha</b>');



$rg = $('#right')

$rg.css('background-color', 'red').css('width','300px');
//$rg.width(300);
$rg.height(500);

$rg.append($('<p></p>'));

$('input').val('jajaja')
$('#right p').text('leftside');