JSFiddle - React, Tailwind, and code Playground

by gregor

JavaScript

onResize = function() {
	var windowheight = $(window).height(); // display height
	$('section').css('height',windowheight); // display height
}
$(document).ready(onResize);
$(window).bind('resize', onResize);

$(window).on('load', function(){
	$("#search-form").focus(); // focus on search  // nicht bei ios
	var userLang = navigator.language || navigator.userLanguage;
	var deutsch = userLang.match(/de/g); // nach de checken
	if (deutsch) {
		// Uebersetzung aller Felder:
		$('#gnJsOff').html("Javascript aktivieren bitte!");
		$('#appname').html("Währungsrechner");
		$('#search-name').html("Währung eingeben");
		$('#loadingmessage').html("App wird geladen");
		$('#button').html("Rechner");
		$('#button-close').html("schließen");
	}
	// lade txt vom server
	$('#loading').show();  // show the loading message.
	var jsondatei;
	$.ajax({
		type: "GET",
		url: 'load.php',
		success: function(data){
			jsondatei = data;
			var ohneEndung = jsondatei.slice(0, -4);
			var jahr = ohneEndung.slice(0, 4);
			var monat = ohneEndung.slice(4, 6);
			var tag = ohneEndung.slice(6, 8);
			if (deutsch) {
				$("#ausgabe").html("Aktuelle Daten vom: " + tag + "." + monat + "." + jahr);
				$('#loading').hide(); // hide the loading message
			} else {
				$("#ausgabe").html("Load data from: " + monat + "/" + tag + "/" + jahr);
			}
		}
	});
	// lade json


		$( "#search" ).keyup(function() {

	  var searchField = $('#search').val();
	  var searchFieldClear = searchField.replace(/\s/gi,""); // trim whitespace
	  var regex = new RegExp(searchFieldClear, "i");
	  var output = '';
	  var outputsingle = '';
	  var count = 1;
	})
	 .always(function() {
	  $.getJSON(jsondatei, function(data) {
		if (deutsch) {
			output += '<option selected="selected" id="pulldown">ausw&auml;hlen:</option>';
		} else {
			output += '<option selected="selected" id="pulldown">select:</option>';
		}
		$.each(data, function(key, val){
		  if ((val.bezeichner.search(regex) != -1) ||...