JSFiddle - React, Tailwind, and code Playground

by seong gyun jeon

HTML

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/seogi.min.js"></script>

JavaScript

const {
  log,
  error,
  warn,
  info,
  debug,
  assert,
} = seogi;

log('Hello World');
log(['Hello', 'World']);
log('Hello World', {
  color: 'red',
  backgroundColor: 'cyan',
  fontWeight: 'bold',
  fontSize: '10px'
});
log(['Hello', 'World'], {
  color: 'cyan',
  backgroundColor: 'yellow'
});
log(['Hello', 'World'], [{
  color: 'magenta',
  backgroundColor: 'blue'
}]);
log(['Hello', 'World'], [{
  color: 'blue',
  backgroundColor: 'magenta'
}, {
  color: 'cyan'
}]);

error('Hello World', {
  color: 'cyan',
  backgroundColor: 'yellow',
  textDecoration: 'underline',
  fontSize: '20px'
});
warn('Hello World', {
  color: 'magenta',
  backgroundColor: 'blue',
  textDecoration: 'line-through',
  fontSize: '30px'
});
info('Hello World', {
  color: 'blue',
  backgroundColor: 'magenta',
  fontStyle: 'italic',
  fontSize: '40px'
});
debug('Hello World', {
  color: 'yellow',
  backgroundColor: 'cyan',
  fontSize: '50px'
});
assert(() => true /* or false */ , 'Hello World', {
  color: 'green',
  fontSize: '50px',
});