Land Ländercode zuweisen in JavaScript?

Die untere if-Bedingung muss ich für 222 Länder schreiben, wie kann ich das einfacher machen? Oder das ich nicht so viel Code schreiben muss?

var country = $('#myInput').val();
	if(country == "Germany"){country = "DE"}

6 Antworten

Vom Fragesteller als hilfreich ausgezeichnet

mastema666

07.08.2018, 13:43

Du könntest die Länder / Codes einfach in ein Array packen und dann immer nur das jeweils andere abfragen, gibt solche Arrays sogar vorgefertigt: https://gist.github.com/maephisto/9228207

andi3366

Fragesteller

07.08.2018, 14:01

Und wie frage ich ab, welche Zeile vom Array mit var country übereinstimmt?

mastema666

07.08.2018, 14:08

@andi3366

Du müsstest den in deinem Fall ggf umdrehen, also mit den Ländernamen als Keys und den Codes als Werten, mit dem oben verlinkten Array, nur umgekehrt, also z.B. so in der Art:

var country = isoCountries[$('#myInput').val()];

Suboptimierer

07.08.2018, 14:50

Du könntest dir die Daten von einer Seite wie https://www.iso.org/obp/ui/#search über Excel in eine CSV und von dort als json Datei konvertieren ( https://www.iso.org/obp/ui/#search ).

Dann greifst du einfach auf das Json-Objekt zu.

Ein Anfang könnte folgender sein:

json-Datei:

var Laendercodes = { 
"CODES":
[
  {
    "English_short_name": "Afghanistan",
    "French_short_name": "Afghanistan (l')",
    "Alpha2": "AF",
    "Alpha3": "AFG",
    "Numeric": 4
  },
//...
  {
    "English_short_name": "Gabon",
    "French_short_name": "Gabon (le)",
    "Alpha2": "GA",
    "Alpha3": "GAB",
    "Numeric": 266
  },
  {
    "English_short_name": "Gambia (the)",
    "French_short_name": "Gambie (la)",
    "Alpha2": "GM",
    "Alpha3": "GMB",
    "Numeric": 270
  },
  {
    "English_short_name": "Georgia",
    "French_short_name": "Géorgie (la)",
    "Alpha2": "GE",
    "Alpha3": "GEO",
    "Numeric": 268
  },
  {
    "English_short_name": "Germany",
    "French_short_name": "Allemagne (l')",
    "Alpha2": "DE",
    "Alpha3": "DEU",
    "Numeric": 276
  },
  {
    "English_short_name": "Ghana",
    "French_short_name": "Ghana (le)",
    "Alpha2": "GH",
    "Alpha3": "GHA",
    "Numeric": 288
  },
  {
    "English_short_name": "Gibraltar",
    "French_short_name": "Gibraltar",
    "Alpha2": "GI",
    "Alpha3": "GIB",
    "Numeric": 292
  }
  //...
  ]
  }

In der HTML-Datei suchst du dann in einer Schleife nach dem vollen Namen und gibst den Alpha-2-Code zurück.

https://pastebin.com/SPK1Q80V

Woher ich das weiß:Berufserfahrung – Programmierer

MonkeyKing

07.08.2018, 16:59

Warum nicht gleich ein <select> mit den richtigen Werten?

<select name="laendercode">
  <option value="DE">Germany</option>
  <option value="FR">France</option>
  ..
</select>

Die Werte kannst du in PHP über eine Schleife erstellen, vorher alle in ein Array packen.

Woher ich das weiß:Berufserfahrung

Kieselsaeure

07.08.2018, 18:37

Wie wäre es mit switch (inkl. case und default) als funktion?

regex9

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

JavaScript, JQuery

10.08.2018, 20:48

Verwende i18n. So reichen dir folgend diese drei Zeilen:

var countries = require("i18n-iso-countries");
var country = $('#myInput').val();
country = countries.getAlpha2Code(country, "en");

Hi zusammen,

ich versuche mit JavaScript ein paar input-Felder zu validieren.

Leider wird die Seite nicht abgeschlossen, nachdem alle Felder befüllt wurden.
Hat jemand eine Idee?

Ich muss immer, nachdem alle Felder befüllt sind, nochmals in irgendein input-Feld klicken, damit es geht.

Hier mein Code:

$(document).ready(function() {
  $('input').on('click',function() {
    // Validation
    var vorname_firma = $("input[name='vorname']").val();
    var strasse = $("input[name='strasse']").val();
    var plz = $("input[name='plz']").val();
    var ort = $("input[name='ort']").val();

    if (vorname_firma != "" && strasse != "" && plz != "" && ort != "") {
      $(function() {
        $('#tab3').trigger("click");
      });
    }
  });
});

...zur Frage

JavaScript: slider value verwenden?

Wieso geht das JavaScript nicht? Das output-Feld bleibt leer.

var slider = document.getElementById("lengthRange");
var output = document.getElementById("length");

if (slider == 1) {
  output.innerHTML = 'Schwach';
}

if (slider == 2) {
  output.innerHTML = 'Mittel';
}

if (slider == 3) {
  output.innerHTML = 'Stark';
}

...zur Frage

JQuery in JavaScript Converter?

Hey Leute,

ich möchte gerne meinen jQuery-Code in JavaScript umwandeln. Mir ist klar, dass jQuery auch JavaScript ist, das halt nur eine Library benötigt. Gibt es so etwas wie einen jQuery-to-JavaScript-Converter?

Ich möchte halt diesen Code umwandeln:

<script>
  $(document).ready(function () {
    $('#call').on("input", function () {
      tmpval = $(this).val();

      if (tmpval == '') {
        $('#key').removeClass('lglan');
      }
      else {
        $('#key').addClass('lglan');
      }
    });
  });
</script>
<script>
  $(document).ready(function () {
    $('#receive').on("input", function () {
      tmpval = $(this).val();

      if (tmpval == '') {
        $('#key2').removeClass('lglan');
      }
      else {
        $('#key2').addClass('lglan');
      }
    });
  });
</script>
<script>
  $(document).ready(function () {
    $('#call').on("input", function () {
      tmpval = $(this).val();

      if (tmpval == '') {
        $('#vm').removeClass(' esy ');
        $('#vm').addClass(' odn ');
      }
      else {
        $('#vm').addClass(' esy ');
        $('#vm').removeClass(' odn ');
      }
    });
  });
</script>
<script>
  $(document).ready(function () {
    $("#change").focusin(function () {
      $("#change").addClass("dri2");
    })
    $("#change").focusout(function () {
      $("#change").removeClass("dri2");
      $("#change2").focusin(function () {
        $("#change2").addClass("dri2");
      })
      $("#change2").focusout(function () {
        $("#change2").removeClass("dri2");
      })
    })
  });
</script>
<script>
  $(document).ready(function () {
    $('#call').on("input", function () {
      tmpval = $(this).val();

      if (tmpval == '') {
        $("#vm").attr("disabled", "disabled");
        $("#vm").removeAttr("enabled", "enabled");
      }
      else {
        $('#vm').attr("enabled", "enabled");
        $("#vm").removeAttr("disabled", "disabled");
      }
    });
  });
</script>
<script>
  $(document).ready(function() {
    $('#receive').on("input", function() {
      let currentValue = $(this).val();

      if (!currentValue.length) {
        $('#toggle').html('');
      }
      else {
        $('#toggle').html('<a id="click" class="lock" href="javascript:;"><?php echo $show ?></a>');
      }
    });
    $(document).on("click", "#click", function() {
      let text = $(this).text();

      if (text === "<?php echo $show ?>") {
        $(this).text("<?php echo $hide ?>");
        $("#receive").attr("type", "text");
      }
      else {
        $(this).text("<?php echo $show ?>");
        $("#receive").attr("type", "password");
      }
    });
  });
</script>

Wenn jemand etwas weiß, wäre es cool, mich zu unterstützen. 😉

...zur Frage

JavaScript MessageBox nur einmal pro Besuch anzeigen?

var Aufrufer = 0x00;

var Date = new Date();var ComputerAddress = "Deine IP wird aus Sicherheitsgruenden 24 Std. gespeichert!\nVielen Dank fuer den Besuch auf \"www. .de\"\n\n";var AusgabeString = ComputerAddress + Date;

if(Aufrufer != 1<<0){

alert(AusgabeString);

}

Aufrufer=1<<0;

</script>

Hallo,

wie bekomme ich es hin, dass der User diese Meldung nur 1 x angezeigt bekommt. Auch das erneute laden sollte diese Nachricht nicht sichtbar machen..

Hat jemand eine Idee?

...zur Frage

Javascript Such-Skript

Hallo,

ich bin gerade dabei, ein Such-Skript mit JS (+jQuery) zu machen, und habe da ein kleines Problem. Das soll so ablaufen, dass während man was eintippt in Echtzeit der Inhalt, der nicht die Eingabe enthält, ausgeblendet wird.

Kurz der Code der Funktion:

function searchfunction() {
    var search = $("#searchbox").val().toLowerCase();
    if(search != "")
    {
        $("#login ul li h2:not(:contains('"+search+"'))").parent().hide();
        $("#login ul li h2:contains('"+search+"')").parent().show();
    }
    else
        $("#login ul li").show();
}

Nun hab ich aber ein Problem mit der Groß und Kleinschreibung, und zwar wenn der Inhalt lautet "Max Mustermann" und man gibt in die Suche "max mustermann" ein, wird der Inhalt auch ausgeblendet..

Gibt es eine Möglichkeit, dass das Skript die Groß und Kleinschreibung ignoriert oder so?

...zur Frage

JavaScript function pausieren

Hallo nochmal,

langsam zweifle ich an meinem Verstand! Ein Fan von JavaScript werde ich in diesem Leben wohl wirklich nicht mehr...

Folgender Code:

function punktung() {
    var punkte = document.getElementById("punkte");
    if ( punkte.innerHTML.length > 3 ) {
        punkte.innerHTML = "";
        clearinterval(dots);
        setTimeout(function (){losgehts()}, 5000);
    }
    else  {
        punkte.innerHTML += ".";
    }
}

function losgehts() {
var dots = window.setInterval( function() { punktung() },500);
}

losgehts();

Das Script schreibt immer vier Punkte in ein Div und soll, nachdem die vier Punkte geschrieben wurden und die ID "Punkte" auf "" gekürzt wird, 5 Sekunden pausiert wird - danach das Gleiche wieder von vorne.

Ich lösche also den Interval "dots" und pausiere 5000 Millisekunden und rufe danach wieder die function "losgehts()" auf - warum funktioniert es aber wieder nicht? Es wird einfach keine Pause gemacht, sondern nach dem Kürzen einfach wieder von Vorne begonnen. Warum?

Über Antworten bin ich dankbar!

Grüße, Hummel

...zur Frage

Javascript: Funktion nur ausführen wenn bedingung stimmt?

ich habe dieses JS :

function Rechner(){
	var x=document.getElementById("laenge").value;
	var y=document.getElementById("breite").value;
	document.getElementById("flaeche").value = xy;
}

jedes input hat das Attribut :

oninput="Rechner(this.value)"

Doch er soll die flaeche im Input nur ausgeben wenn wirklich laenge und breite ausgefüllt sind. derzeit zeigt er erst noch 0 an wenn nur 1 stimmt.

wie geht das ? kann man da irgendwie noch sagen "if isset laenge & breite" ?

...zur Frage

Javascript Tage zwischen zwei Daten berechnen?

Hallo, ich habe folgenden Code:

    function calcDays(){
  var tage = document.beleg.tage;
  var anreise = document.beleg.anreise.value;
  var abreise = document.beleg.abreise.value;

if( anreise && abreise && tage){
  var date1 = anreise.split(".");
  var date2 = abreise.split(".");
  var sDate = new Date(date1[2],date1[1],date1[0]);
  var eDate = new Date(date2[2],date2[1],date2[0]);
  var daysApart = Math.abs(Math.round((eDate-sDate)/86400000));
  tage.value = daysApart;
  }
}

Das Problem dabei ist, dass Javascript mit 31 Tage je Monat rechnet, d.h. wenn ich Anreise am 28.02. habe und Abreise am 01.03. werden 4 Tage ausgegeben. Was muss ich noch ändern?

Vielen Dank.

...zur Frage

Bilder bei jquery/JavaScript nach bestimmter zeit austauschen?

Erstmal entschuldigung für die komische Überschrift, ich schmeiße manchmal die beiden gerne durcheinander.

Ich hab auf meiner Seite einen Timer (fürs Beispiel 30s), der mit einem Button gestartet werden. Am Anfang soll Bild1 stehen. Nachdem der Timer bei der Hälfte der Zeit angekommen ist (hier 15s) soll Bild2 dort erscheinen wo Bild1 vorher war. Ist der Timer bei 0 angekommen, wird man auf eine andere Seite weitergeleitet.

Wie mache ich das am besten?

Hier mein bisheriger Code

$(document).ready(function (e) {

var $timer = $("#timer");

var stop = false;

var timerLoop;

$( "#button_start" ).click(function() {

timerLoop = setInterval(function(){ update() }, 1000);

});

function update() {

if(!stop){

var myTime = $timer.html();

var ss = myTime.split(":");

var dt = new Date();

dt.setHours(0);

dt.setMinutes(ss[0]);

dt.setSeconds(ss[1]);

var dt2 = new Date(dt.valueOf() - 1000);

var temp = dt2.toTimeString().split(" ");

var ts = temp[0].split(":");

if(ss[0] === "00" && ss[1] === "01"){

stop = true;

clearInterval(timerLoop);

$("body").load( "./erfolgreich.html" );

}

$timer.html(ts[1]+":"+ts[2]);

//setTimeout(update, 1000);

}

});

...zur Frage

Wie kann ich in JavaScript die Quersumme berechnen?

Ich habe den Code aus meinem Java-Rechner genommen und ein wenig für JS abgeändert, da ich die Rechnung auf meiner Webseite brauchte. Nun erscheint jedoch bei 33 das Ergebnis 6.666666666666668.

Code (Text wurde aus alert entfernt):

else if (F == "Cross Sum") {
  var resn = 0;
  var ret = x;

  while (true) {
    if (x == 0) {
      break;
    }

    resn += x % 10;
    x /= 10;
  }

  alert(resn);
}

...zur Frage

Hilfe bei Variablen, Schleifen und If-Abfrage in JavaScript?

Nächste Woche habe ich einen Test über JavaScript, wo ich bestimmen muss, worüber der code sich handelt. Weil das der Anfang für mich ist kommen nur Beispiele zur Variablen, do-while Schleifen und If-Abfrage vor. Bei Variablen weiß ich nur, dass "var", "const" und "tel" existieren, wobei var nicht mehr aktuell ist.

Wozu sind die gut? Und wie erkenne ich, ob bei dem code ein fehler ist?

Danke voraus!

...zur Frage

JavaScript Textboxen die aufklappen

Kann kein JavaScript. Kann man das vielleicht so umschreiben, dass es möglich wird, in den Link auch noch etwas anderes rein zu schreiben als wie die Wörter die in dem Script abgeglichen werden. Also "[Aufklappen]" und "[Schliessen]" ...

Ich will halt, dass man auf der ganzen div-box, die um den Link liegt, drauf klicken kann..

var ie4 = false; if(document.all) { ie4 = true; }
function getObject(id) {
if (ie4) {
return document.all[id];
} else {
return document.getElementById(id);
}
}
function toggle(link, divId) {
var lText = link.innerHTML; var d = getObject(divId);
if (lText == '[Aufklappen]') {
link.innerHTML = '[Schliessen]'; d.style.display = 'block';
} else { link.innerHTML = '[Aufklappen]'; d.style.display = 'none';
}
}




<div>
    <div>
        <a href="javascript: void(0);" onClick="toggle(this, 'box1');">[Aufklappen]</a>
    </div>
    <div id="box1" style=display:none>
        // Inhalt aufgeklappt
    </div>
</div>

...zur Frage

[JavaScript] Wie kann ich ein Element von Anfang an unsichtbar machen?

Und nach einem erfolgreichem Login wieder sichtbar machen. Ich habe folgenden Code:

function getKey() {


  var visible = document.getElementById("download").style.display = "visible";
  var invisible = document.getElementById("download").style.display = "none";


  var key = "abc1";


  var keY = document.getElementById("key").value;


  if (key == keY) {
    visible;
    alert("r")


  } else {
    alert("w")
  }

Weder funktioniert er, noch wird das Element download wieder angezeigt.

...zur Frage

Schere Stein Papier in Javascript. Wo ist mein Fehler?

Ich habe versucht in Javascript Schere Stein Papier zu programmieren. Das Problem ist, dass es jedes Mal erst 3 zu 3 stehen muss, damit man gewonnen hat. Irgendwie kommt man sonst nicht aus der Schleife raus. Weiß jemand wo das Problem liegt?

Schon mal Danke im Voraus.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title> Schere Stein Papier </title>
</head>
<body>
    
<script>


var symbolSpieler;
var symbolComputer;
var anzahlRunden = 0;
var gewinneComputer= 0;
var gewinneSpieler = 0;
var gewinnBedinung = 3;
var wahlSpieler;
var ausgedachteZahl;


do{
ausgedachteZahl= Math.random() *3;
ausgedachteZahl = Math.round(ausgedachteZahl + 0.5);


if ( ausgedachteZahl==1) {symbolComputer= "Schere"};
if (ausgedachteZahl==2){symbolComputer ="Stein"};
if (ausgedachteZahl==3){symbolComputer= "Papier"};


wahlSpieler=prompt("Gib deine Wahl ein", "Schere ist 1, Stein ist 2, Papier ist 3");


if(wahlSpieler==1){symbolSpieler= "Schere"};
if(wahlSpieler==2){symbolSpieler ="Stein"};
if(wahlSpieler==3){symbolSpieler= "Papier"};


if(symbolSpieler==symbolComputer){ alert("Unentschieden");}


if (symbolComputer== "Schere" && symbolSpieler== "Stein"){gewinneSpieler++;
alert("Du gewinnst gegen Schere");}


if(symbolComputer=="Schere" && symbolSpieler=="Papier") {gewinneComputer++;
alert("Computer gewinnt mit Schere");}


if(symbolComputer=="Stein" && symbolSpieler=="Schere"){
    gewinneComputer++;
    alert("Computer gewinnt mit Stein");
}


if(symbolComputer=="Stein" && symbolSpieler=="Papier"){
    gewinneSpieler++;
    alert("Du gewinnst gegen Stein");
}


if (symbolComputer=="Papier" && symbolSpieler=="Schere") {
    symbolSpieler++;
    alert("Du gewinnst gegen Papier"); 
}


if (symbolComputer=="Papier" && symbolSpieler=="Stein") { 
    gewinneComputer++;
    alert("Computer gewinnt mit Papier");
    
}
anzahlRunden++;
} while (gewinneSpieler<3 && gewinneComputer<3) 


if (gewinneSpieler=3) {alert("Du hast das Spiel gewonnen");}
if(gewinneComputer=3){alert("Schade, du hast das Spiel verloren :(");}


alert(gewinneSpieler + " zu "+ gewinneComputer);
</script>





</body>
</html>

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen