JSFiddle - React, Tailwind, and code Playground

by Igor Lilliputten

HTML

<p>Тестовое задание на вакансию <a href="http://krawlly.com/vacancies/js.html">"JavaScript разработчик"</a>.
</p>
<script>
var html= '<!doctype html>\
<!--[if IE 7 ]>		 <html class="no-js ie ie7 lte7 lte8 lte9" lang="en-US"> <![endif]-->\
<!--[if IE 8 ]>		 <html class="no-js ie ie8 lte8 lte9" lang="en-US"> <![endif]-->\
<!--[if IE 9 ]>		 <html class="no-js ie ie9 lte9>" lang="en-US"> <![endif]-->\
<!--[if (gt IE 9)|!(IE)]><!--> <html class="no-js" lang="en-US"> <!--<![endif]-->\
<head>\
    <meta charset="utf-8" />\
    <meta name="description" content="Личный кабинет провайдера" />\
    <meta name="keywords" content="текущий тариф, текущий баланс, обещаный платёж, бонусных баллов" />\
    <title>Личный кабинет провайдера</title>\
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"><\/script>\
	<script>window.jQuery || document.write(\'<script src="//jquery.com/jquery-wp-content/themes/jquery/js/jquery-1.11.2.min.js"><\\/script>\')<\/script>\
    <!--[if lte IE 7]>\
      <script src=""><\/script>\
    <![endif]-->\
    <script>\
        //текущий тариф 599 Promo\
        //текущий баланс 0\
        //обещаный платёж 200\
        //бонусных баллов 0\
    <\/script>\
    <style>\
        .bad {\
            color: red;\
        }\
        .good {\
            color: green;\
        }\
        .currency {\
            color: blue;\
        }\
    </style>\
</head>\
<body>\
    <form>\
    <table border=0 >\
    <tr>\
        <td class = caption2 align=center  ><strong> "текущий&nbsp;тариф&quot; </strong> </td>\
        <td>\
            <select name="tariff" >\
                <option class="selected" value="599">599 Promo</option>\
                <option class="selected" value="399">399 Promo</option>\
                <option class="selected" selected value="299" >299 Promo</option>\
            <select>\
            <button title="Изменить текущий тариф">Изменить</button>\
            (изменится с 01 числа следующего месяца)\
       ...