Item Description

Gets the description and image of a League of Legends item.

HTML

<!DOCTYPE html> League of Legends Item Index
<br>
<br /> Item Name
<br />
<input id="itemName" />
<input type="submit" onclick="itemLookUp();" />
<br />
<span id="simg"></span>
<br />Item ID: <span style="color:black" id="sID"></span>
<br />
<br />Stats:
<br/><span style="color:black" id="sstat"></span>
<br />

CSS

body {
  background-image: url('https://images2.alphacoders.com/611/611981.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: 25% 100%;
  background-size: 125% 50%;
  font-weight: bold;
}

JavaScript

var sumName = "";
document.getElementById("itemName").addEventListener("keydown", function(e) {
  if (!e) {
    var e = window.event;
  }
  

  // Enter is pressed
  if (e.keyCode == 13) {
    itemLookUp();
  }
}, false);

function itemLookUp() {
  var itemname = "";
  itemname = $("#itemName").val();



  if (itemname !== "") {

    $.ajax({
      url: 'https://global.api.pvp.net/api/lol/static-data/euw/v1.2/item?itemListData=colloq&api_key=c72b74a6-8e3d-4e5c-a347-3ace6f788f2d',
      type: 'GET',
      dataType: 'json',
      data: {

      },
      success: function(json) {
        var itemnamelower = itemname;
        var items = json.data;
        var imglink = "";
        var result = "";
        var result2 = "";
        var goldresult = "";
        itemnamelower = itemnamelower.toLowerCase().trim();



        for (var key in items) {
          if (items.hasOwnProperty(key)) {
            if (items[key].name.toLowerCase().trim() === itemnamelower) {
              var goldtable = items[key].gold;
              result = items[key].id;
              result2 = items[key].description;

              imglink = 'http://ddragon.leagueoflegends.com/cdn/6.20.1/img/item/' + result + '.png'

              break;
            } else {
              result = "Can't find Item";
              continue;
            }

          }
        }

        document.getElementById("sID").innerHTML = result;
        document.getElementById("sstat").innerHTML = result2;
        document.getElementById("simg").innerHTML = "<img src='" + imglink + "' class='mark'>";

        //document.getElementById("sge").innerHTML = statsArray;


      },
      error: function(XMLHttpRequest, textStatus, errorThrown) {
        alert("error getting Item data!");
      }
    });
  } else {}
}



function Name() {
  alert(sumName);
}