Gwl.

GoogleWebLight

by Anov Siradj

HTML

<datalist id="urls" hidden>
  <option value="http://ne-a-r.blogspot.com/"/>
  <option value="http://github.com/anovsiradj"/>
  <option value="http://www.kompas.com/"/>
</datalist>

<form id="form" autocomplete>
  <input type="url" list="urls" name='url' placeholder="http://" required/>
  <button>open</button>
</form>

<a id="anchor" target="_blank" hidden></a>

CSS

[hidden] {
  visibility: hidden;
}

JavaScript

;(function() {

	'use strict';

	var form = document.getElementById('form');
  var action = document.getElementById('anchor');
  var gwl = '//googleweblight.com/?lite_url=';

  form.addEventListener('submit', handler);

	function handler(ev) {
  	ev.preventDefault();
    var url = this.elements.namedItem('url').value;
    action.href = gwl + encodeURIComponent(url);
    if(action.onclick) action.onclick();
    else if(action.click) action.click();
    else console.warn('what?');
  }

})();