var testing, inReload, inText, inScale, iframe, group, versions, pad_link
function nav_versions() {
// let response = fetch('index.txt');
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
var index = this.response.split('\n')
index.forEach(function(item, i){
var name = item.split('-')
name = name[name.length-1]
versions.innerHTML += ''
});
versions.onchange = function (e) {
group = this.value;
loadLetters(document.querySelector('#inText').value)
location.hash = group
var selected = this.options[this.selectedIndex]
console.log(selected)
pad_link.innerHTML = 'open pad -> '+ selected.value
pad_link.href = selected.getAttribute('data-href')
};
group = versions.value;
}
};
xhttp.open("GET", "index.txt", true);
xhttp.send();
}
function scale(value){
console.log(testing.style)
testing.style.transform = 'scale(' + value + ')'
}
function rand(){
return Math.floor((Math.random() * 10000) + 1)
}
function loadLetters(letters){
var tabLetters = letters.split('')
testing.innerHTML = ''
tabLetters.forEach(function(item, i){
var itemCode = item.charCodeAt(0)
var ra = rand()
testing.innerHTML += ''
})
}
document.addEventListener("DOMContentLoaded", (event) => {
group = location.hash.replace('#', '')
testing = document.querySelector('#testing')
pad_link = document.getElementById('pad_link')
inReload = document.querySelector('#inReload')
inText = document.querySelector('#inText')
inScale = document.querySelector('#inScale')
versions = document.querySelector('#versions')
inReload.addEventListener('click', (event) => {
loadLetters(inText.value)
})
inScale.addEventListener('change', (event) => {
scale(inScale.value)
})
nav_versions()
})