JSFiddle - React, Tailwind, and code Playground

by fredd man

HTML

<body>
  <ul class="nav nav-pills">
    <li><a target='_blank' href="https://accounts.google.com/ServiceLogin?hl=en&passive=true&continue=https://www.google.co.uk/%3Fgws_rd%3Dssl" class="colorfix"><button class="btn" role="button">Sign in</button></a></li>
    <li>
      <a target='_blank' title="Google apps" class="firstsbuttons" href="https://www.google.co.uk/intl/en/options/"><img class="quad" src="http://www.englewoodschools.net/cms/lib8/CO01900647/Centricity/Domain/1009/GoogleAppsIcon.png" height="22" width="22"></a>
    </li>
    <li><a target='_blank' class="firstsbuttons" href="https://www.google.co.uk/imghp?hl=en&tab=wi&ei=7sfqVtCHG6TgyQOjo7d4&ved=0EKouCBUoAQ">Images</a></li>
    <li><a target='_blank' class="firstsbuttons" href="https://mail.google.com/mail/?tab=wm">Gmail</a></li>
  </ul>
  <div class="page">

    <img class="logo" src="https://www.google.it/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png">
    <br><input id="searchme" class="search" title="Search" type="text"><br>
    <div class="Bcontainer">
      <div class="button left">Google Search</div>
      <div class="button right">I'm Feeling Lucky</div>
    </div>
  </div>
  <footer class="nav nav-tabs">
    <ul class="bottomone rightone">
      <li><a target="blank" href="https://www.google.co.uk/preferences?hl=en">Settings</a></li>
      <li><a target="blank" href="https://www.google.co.uk/intl/en/policies/terms/?fg=1">Terms</a></li>
      <li><a target="blank" href="https://www.google.co.uk/intl/en/policies/privacy/?fg=1">Privacy</a></li>

    </ul>
    <ul class="leftone bottomone">
      <li><a target="blank" href="https://www.google.co.uk/intl/en/about.html?fg=1">About</a></li>
      <li><a target="blank" href="https://www.google.co.uk/services/?fg=1">Business</a></li>
      <li><a target="blank" href="https://www.google.co.uk/intl/en/ads/?fg=1">Advertising</a></li>
    </ul>
  </footer>

</body>

<script...

JavaScript

$(document).ready(function() {
  var gsearch = function() {
    var url = 'http://www.google.com/search?q=' + document.getElementById('searchme').value;
    window.open(url, 'google');
  };
  var glucky = function() {
    var url = 'http://www.google.com/search?q=' + document.getElementById('searchme').value + '&btnI';
    window.open(url, 'google');
  };

  $(".left").click(gsearch);
  $(".right").click(glucky);

  $("#searchme").keypress(function(e) {
    if (e.which == 13) {
      gsearch();
    }
  });
});