- document.write('<!DOCTYPE html>');
- document.write('<html>');
- document.write('');
- document.write('<head>');
- document.write(' <meta http-equiv="content-type" content="text/html; charset=UTF-8">');
- document.write(' <title>리그오브레전드 데이터베이스</title>');
- document.write(' <meta http-equiv="content-type" content="text/html; charset=UTF-8">');
- document.write(' <meta name="robots" content="noindex, nofollow">');
- document.write(' <meta name="googlebot" content="noindex, nofollow">');
- document.write(' <meta name="viewport" content="width=device-width, initial-scale=1">');
- document.write('');
- document.write('');
- document.write(' <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/vue/2.2.1/vue.js"></script>');
- document.write('');
- document.write(' <link rel="stylesheet" type="text/css" href="/css/result-light.css">');
- document.write('');
- document.write(' <script type="text/javascript" src="https://unpkg.com/axios/dist/axios.min.js"></script>');
- document.write(' <script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>');
- document.write(' <style type="text/css">');
- document.write(' td {');
- document.write(' text-align: center;');
- document.write(' font-family: "돋움";');
- document.write(' font-size: 10pt;');
- document.write(' border: 1px solid #B09C87;');
- document.write(' }');
- document.write('');
- document.write(' .icon-layer {');
- document.write(' border-bottom: 3px ridge #a0a0a0;');
- document.write(' display: inline-block;');
- document.write(' padding-left: 10px;');
- document.write(' padding-right: 10px;');
- document.write(' line-height: 150%;');
- document.write(' font-weight: bold;');
- document.write(' }');
- document.write('');
- document.write(' .skill-layer {');
- document.write(' border: 1px solid #b2b2b2;');
- document.write(' display: inline-block;');
- document.write(' padding: 5px;');
- document.write(' font-weight: bold;');
- document.write(' }');
- document.write('');
- document.write(' .image {');
- document.write(' width: 40px;');
- document.write(' height: 40px;');
- document.write(' }');
- document.write('');
- document.write(' .image-large {');
- document.write(' width: 52px;');
- document.write(' height: 52px;');
- document.write(' }');
- document.write('');
- document.write(' #click_layer {');
- document.write(' border: 1px solid rgb(222, 223, 223);');
- document.write(' background-color: #f7f7f7;');
- document.write(' padding: 5px 10px;');
- document.write(' cursor: pointer;');
- document.write(' }');
- document.write('');
- document.write(' groupLimit,');
- document.write(' stats {');
- document.write(' color: #49784d;');
- document.write(' }');
- document.write('');
- document.write(' unique,');
- document.write(' passive {');
- document.write(' color: #f1d121;');
- document.write(' }');
- document.write(' </style>');
- document.write(' <!-- TODO: Missing CoffeeScript 2 -->');
- document.write('');
- document.write(' <script type="text/javascript">');
- document.write(' window.onload = function() {');
- document.write('');
- document.write(' const app = new Vue({');
- document.write(' el: \'#app\',');
- document.write(' data: {');
- document.write(' champions: [],');
- document.write(' items: [],');
- document.write(' summoners: [],');
- document.write(' runes: [],');
- document.write(' show: [true, false, false, false],');
- document.write(' },');
- document.write(' mounted() {');
- document.write(' this.getLatestVersion().then(version => {');
- document.write(' const url = `https://ddragon.leagueoflegends.com/cdn`');
- document.write(' const url_version = `${url}/${version}`');
- document.write('');
- document.write(' this.setChampInfo(url_version)');
- document.write(' this.setItemInfo(url_version)');
- document.write(' this.setSummonerSpell(url_version)');
- document.write(' this.setRune(url, version)');
- document.write(' })');
- document.write(' },');
- document.write(' computed: {');
- document.write('');
- document.write(' },');
- document.write(' methods: {');
- document.write(' getLatestVersion: async function() {');
- document.write(' return await axios.get(`https://ddragon.leagueoflegends.com/api/versions.json`)');
- document.write(' .then(version_list => version_list.data[0])');
- document.write(' },');
- document.write(' toggleShow(index) {');
- document.write(' Vue.set(this.show, index, !this.show[index]);');
- document.write(' },');
- document.write(' SelectText(element) {');
- document.write(' const doc = document;');
- document.write(' if (doc.body.createTextRange) {');
- document.write(' const range = document.body.createTextRange();');
- document.write(' range.moveToElementText(element);');
- document.write(' range.select();');
- document.write(' } else if (window.getSelection) {');
- document.write(' const selection = window.getSelection();');
- document.write(' const range = document.createRange();');
- document.write(' range.selectNodeContents(element);');
- document.write(' selection.removeAllRanges();');
- document.write(' selection.addRange(range);');
- document.write(' }');
- document.write(' },');
- document.write(' copySrc(e) {');
- document.write(' $(e.currentTarget).attr("contenteditable", true);');
- document.write(' this.SelectText(e.currentTarget);');
- document.write(' document.execCommand("copy");');
- document.write(' window.getSelection().removeAllRanges();');
- document.write(' $(e.currentTarget).removeAttr("contenteditable");');
- document.write(' alert("image copied!");');
- document.write(' },');
- document.write(' setChampInfo(url) {');
- document.write(' axios.get(`${url}/data/ko_KR/champion.json`).then(champlist_kor => {');
- document.write(' for (const idx in champlist_kor.data.data) {');
- document.write(' const champData = champlist_kor.data.data[idx]');
- document.write(' const champId = champData.id');
- document.write('');
- document.write(' this.champions.push({');
- document.write(' id: champId,');
- document.write(' isLoaded: false');
- document.write(' })');
- document.write('');
- document.write(' axios.get(`${url}/data/ko_KR/champion/${champId}.json`).then(champ_res => {');
- document.write(' axios.get(`${url}/data/en_US/champion/${champId}.json`).then(champ_res_eng => {');
- document.write(' const spellImg = []');
- document.write(' const spellName = []');
- document.write(' const spellName_eng = []');
- document.write('');
- document.write(' for (let i = 0; i < 4; i++) {');
- document.write(' spellImg[i] = `${url}/img/spell/${champ_res.data.data[champId].spells[i].image.full}`');
- document.write(' spellName[i] = champ_res.data.data[champId].spells[i].name');
- document.write(' spellName_eng[i] = champ_res_eng.data.data[champId].spells[i].name');
- document.write(' }');
- document.write('');
- document.write(' this.champions.find(champ => {');
- document.write(' if (champ.id === champId) {');
- document.write(' champ.champImg = `${url}/img/champion/${champData.image.full}`');
- document.write(' champ.name = champData.name');
- document.write(' champ.name_eng = champ_res_eng.data.data[champId].name');
- document.write(' champ.pImg = `${url}/img/passive/${champ_res.data.data[champId].passive.image.full}`');
- document.write(' champ.pName = champ_res.data.data[champId].passive.name');
- document.write(' champ.pName_eng = champ_res_eng.data.data[champId].passive.name');
- document.write(' champ.spellImg = spellImg');
- document.write(' champ.spellName = spellName');
- document.write(' champ.spellName_eng = spellName_eng');
- document.write(' champ.isLoaded = true');
- document.write(' }');
- document.write(' })');
- document.write('');
- document.write(' })');
- document.write(' })');
- document.write(' }');
- document.write(' })');
- document.write(' },');
- document.write(' setItemInfo(url) {');
- document.write(' axios.get(`${url}/data/ko_KR/item.json`).then(itemlist_kor => {');
- document.write(' axios.get(`${url}/data/en_US/item.json`).then(itemlist_eng => {');
- document.write(' for (const idx in itemlist_kor.data.data) {');
- document.write(' const item_data = itemlist_kor.data.data[idx]');
- document.write(' this.items.push({');
- document.write(' itemName: item_data.name,');
- document.write(' itemName_eng: itemlist_eng.data.data[idx].name,');
- document.write(' itemImg: `${url}/img/item/${item_data.image.full}`,');
- document.write(' itemDesc: item_data.description,');
- document.write(' itemCost: item_data.gold.total');
- document.write(' })');
- document.write(' }');
- document.write(' })');
- document.write(' })');
- document.write(' },');
- document.write(' setSummonerSpell(url) {');
- document.write(' axios.get(`${url}/data/ko_KR/summoner.json`).then(summonerlist => {');
- document.write(' for (const idx in summonerlist.data.data) {');
- document.write(' const item = summonerlist.data.data[idx]');
- document.write(' this.summoners.push({');
- document.write(' summonerName: item.name,');
- document.write(' summonerImage: `${url}/img/spell/${item.image.full}`,');
- document.write(' summonerDesc: item.description,');
- document.write(' summonerCool: item.cooldown[0]');
- document.write(' })');
- document.write(' }');
- document.write(' })');
- document.write(' },');
- document.write(' setRune(url, version) {');
- document.write(' let temp = [');
- document.write(' [],');
- document.write(' [],');
- document.write(' [],');
- document.write(' [],');
- document.write(' []');
- document.write(' ]');
- document.write(' axios.get(`${url}/${version}/data/ko_KR/runesReforged.json`).then(runelist_kor => {');
- document.write(' axios.get(`${url}/${version}/data/en_US/runesReforged.json`).then(runelist_eng => {');
- document.write(' for (const cate_idx in runelist_kor.data) {');
- document.write(' for (const slot_idx in runelist_kor.data[cate_idx].slots) {');
- document.write(' for (const rune_idx in runelist_kor.data[cate_idx].slots[slot_idx].runes) {');
- document.write('');
- document.write(' const data_kor = runelist_kor.data[cate_idx].slots[slot_idx].runes[rune_idx]');
- document.write(' const data_eng = runelist_eng.data[cate_idx].slots[slot_idx].runes[rune_idx]');
- document.write('');
- document.write(' temp[cate_idx].push({');
- document.write(' runeName: data_kor.name,');
- document.write(' runeName_eng: data_eng.name,');
- document.write(' runeImg: `${url}/img/${data_kor.icon}`');
- document.write(' })');
- document.write(' }');
- document.write(' }');
- document.write(' }');
- document.write(' this.runes = this.transpose(temp)');
- document.write(' })');
- document.write(' })');
- document.write(' },');
- document.write(' transpose(a) {');
- document.write('');
- document.write(' // Calculate the width and height of the Array');
- document.write(' var w = a.length || 0;');
- document.write(' var h = a[0] instanceof Array ? a[0].length : 0;');
- document.write('');
- document.write(' // In case it is a zero matrix, no transpose routine needed.');
- document.write(' if (h === 0 || w === 0) {');
- document.write(' return [];');
- document.write(' }');
- document.write('');
- document.write(' /**');
- document.write(' * @var {Number} i Counter');
- document.write(' * @var {Number} j Counter');
- document.write(' * @var {Array} t Transposed data is stored in this array.');
- document.write(' */');
- document.write(' var i, j, t = [];');
- document.write('');
- document.write(' // Loop through every item in the outer array (height)');
- document.write(' for (i = 0; i < h; i++) {');
- document.write('');
- document.write(' // Insert a new row (array)');
- document.write(' t[i] = [];');
- document.write('');
- document.write(' // Loop through every item per item in outer array (width)');
- document.write(' for (j = 0; j < w; j++) {');
- document.write('');
- document.write(' // Save transposed data.');
- document.write(' t[i][j] = a[j][i];');
- document.write(' }');
- document.write(' }');
- document.write('');
- document.write(' return t;');
- document.write(' }');
- document.write(' },');
- document.write(' })');
- document.write('');
- document.write('');
- document.write(' }');
- document.write(' </script>');
- document.write('');
- document.write('</head>');
- document.write('');
- document.write('<body>');
- document.write(' <div id="app">');
- document.write(' <blockquote id="click_layer" @click.prevent="toggleShow(0)">');
- document.write(' <center>챔피언</center>');
- document.write(' </blockquote>');
- document.write(' <div v-show="show[0]">');
- document.write(' <table class="table">');
- document.write(' <thead>');
- document.write(' <tr>');
- document.write(' <th scope="col">Champ</th>');
- document.write(' <th scope="col">P</th>');
- document.write(' <th scope="col">Q</th>');
- document.write(' <th scope="col">W</th>');
- document.write(' <th scope="col">E</th>');
- document.write(' <th scope="col">R</th>');
- document.write(' </tr>');
- document.write(' </thead>');
- document.write(' <tbody>');
- document.write(' <tr v-for="(champion, i) in champions" :key="i" v-if="champion.isLoaded">');
- document.write(' <td>');
- document.write(' <div @click="copySrc($event)">');
- document.write(' <div class="icon-layer"><img class="image-large" :src="champion.champImg"><br />{{ champion.name }}</div> ');
- document.write(' </div>{{ champion.name_eng }}');
- document.write(' </td>');
- document.write(' <td>');
- document.write(' <div @click="copySrc($event)">');
- document.write(' <div class="skill-layer"><img class="image" :src="champion.pImg"><br />{{ champion.pName }} (패시브)</div> ');
- document.write(' </div>{{ champion.pName_eng }}');
- document.write(' </td>');
- document.write(' <td>');
- document.write(' <div @click="copySrc($event)">');
- document.write(' <div class="skill-layer"><img class="image" :src="champion.spellImg[0]"><br />{{ champion.spellName[0] }} (Q)</div> ');
- document.write(' </div>{{ champion.spellName_eng[0] }}');
- document.write(' </td>');
- document.write(' <td>');
- document.write(' <div @click="copySrc($event)">');
- document.write(' <div class="skill-layer"><img class="image" :src="champion.spellImg[1]"><br />{{ champion.spellName[1] }} (W)</div> ');
- document.write(' </div>{{ champion.spellName_eng[1] }}');
- document.write(' </td>');
- document.write(' <td>');
- document.write(' <div @click="copySrc($event)">');
- document.write(' <div class="skill-layer"><img class="image" :src="champion.spellImg[2]"><br />{{ champion.spellName[2] }} (E)</div> ');
- document.write(' </div>{{ champion.spellName_eng[2] }}');
- document.write(' </td>');
- document.write(' <td>');
- document.write(' <div @click="copySrc($event)">');
- document.write(' <div class="skill-layer"><img class="image" :src="champion.spellImg[3]"><br />{{ champion.spellName[3] }} (R)</div> ');
- document.write(' </div>{{ champion.spellName_eng[3] }}');
- document.write(' </td>');
- document.write(' </tr>');
- document.write(' </tbody>');
- document.write(' </table>');
- document.write(' </div>');
- document.write('');
- document.write(' <blockquote id="click_layer" @click.prevent="toggleShow(1)">');
- document.write(' <center>아이템</center>');
- document.write(' </blockquote>');
- document.write(' <div v-show="show[1]">');
- document.write(' <table class="table">');
- document.write(' <thead>');
- document.write(' <th scope="col">아이템</th>');
- document.write(' <th scope="col">설명</th>');
- document.write(' <th scope="col">비용</th>');
- document.write(' </thead>');
- document.write('');
- document.write(' <tbody>');
- document.write(' <tr v-for="(item, j) in items" :key="j">');
- document.write(' <td>');
- document.write(' <div @click="copySrc($event)">');
- document.write(' <div class="icon-layer"><img class="image-large" :src="item.itemImg"><br />{{ item.itemName }}</div> ');
- document.write(' </div>{{ item.itemName_eng }}');
- document.write(' </td>');
- document.write(' <td v-html="item.itemDesc"></td>');
- document.write(' <td> {{ item.itemCost }}</td>');
- document.write(' </tr>');
- document.write(' </tbody>');
- document.write(' </table>');
- document.write(' </div>');
- document.write('');
- document.write(' <blockquote id="click_layer" @click.prevent="toggleShow(2)">');
- document.write(' <center>소환사 주문</center>');
- document.write(' </blockquote>');
- document.write(' <div v-show="show[2]">');
- document.write(' <table class="table">');
- document.write(' <thead>');
- document.write(' <th scope="col">소환사 주문</th>');
- document.write(' <th scope="col">설명</th>');
- document.write(' <th scope="col">재사용 대기시간</th>');
- document.write(' </thead>');
- document.write('');
- document.write(' <tbody>');
- document.write(' <tr v-for="(data, i) in summoners" :key="i">');
- document.write(' <td>');
- document.write(' <div @click="copySrc($event)">');
- document.write(' <div class="icon-layer"><img class="image-large" :src="data.summonerImage"><br />{{ data.summonerName }}</div> ');
- document.write(' </div>');
- document.write(' </td>');
- document.write(' <td> {{ data.summonerDesc }}</td>');
- document.write(' <td> {{ data.summonerCool }}</td>');
- document.write(' </tr>');
- document.write(' </tbody>');
- document.write(' </table>');
- document.write(' </div>');
- document.write('');
- document.write(' <blockquote id="click_layer" @click.prevent="toggleShow(3)">');
- document.write(' <center>룬</center>');
- document.write(' </blockquote>');
- document.write(' <div v-show="show[3]">');
- document.write(' <table class="table">');
- document.write(' <thead>');
- document.write(' <th scope="col">지배</th>');
- document.write(' <th scope="col">영감</th>');
- document.write(' <th scope="col">정밀</th>');
- document.write(' <th scope="col">결의</th>');
- document.write(' <th scope="col">마법</th>');
- document.write(' </thead>');
- document.write('');
- document.write(' <tbody>');
- document.write(' <tr v-for="(data, i) in runes" :key="i">');
- document.write(' <td v-for="(runeitem, j) in data" :key="j">');
- document.write(' <div v-if="runeitem !== undefined">');
- document.write(' <div @click="copySrc($event)">');
- document.write(' <div class="icon-layer"><img class="image-large" :src="runeitem.runeImg"><br />{{ runeitem.runeName }}</div> ');
- document.write(' </div>{{ runeitem.runeName_eng }}');
- document.write(' </div>');
- document.write(' </td>');
- document.write(' </tr>');
- document.write(' </tbody>');
- document.write(' </table>');
- document.write(' </div>');
- document.write(' </div>');
- document.write('');
- document.write('');
- document.write(' <script>');
- document.write(' // tell the embed parent frame the height of the content');
- document.write(' if (window.parent && window.parent.parent) {');
- document.write(' window.parent.parent.postMessage(["resultsFrame", {');
- document.write(' height: document.body.getBoundingClientRect().height,');
- document.write(' slug: "g7k9p0tz"');
- document.write(' }], "*")');
- document.write(' }');
- document.write(' </script>');
- document.write('</body>');
- document.write('');
- document.write('</html>');
[text] 자바스크립트 롤 데이터베이스
Viewer
*** This page was generated with the meta tag "noindex, nofollow". This happened because you selected this option before saving or the system detected it as spam. This means that this page will never get into the search engines and the search bot will not crawl it. There is nothing to worry about, you can still share it with anyone.
Editor
You can edit this paste and save as new:
File Description
- 자바스크립트 롤 데이터베이스
- Paste Code
- 21 Jan-2022
- 25.88 Kb
You can Share it: