js-plus-plus/frontend.js

//Created by Samuel Lord (NodeMixaholic/Sparksammy)
//Licensed under Samuel Public License with <3

//Just like readTextFile("path/to/file.txt"); except based off of the WWW and needs a full URL. Also: requires JQuery
var litext = "";
function returner(valueToReturn) {
  return valueToReturn;
}

function readInternetText(url) {
    var request = new XMLHttpRequest();
    request.onreadystatechange = function() {
        if (request.readyState == 4 && request.status == 200) {
            litext += request.responseText;
        }
    }
    request.open("GET", url, true);
    request.send();
}

var urlParams = new URLSearchParams(window.location.search); // Added, just in case someone wants to do something to the urlparams

//Example: readTextFile("path/to/file.txt");
function readTextFile(file) {
    file = file.toString();
    let file2read = new File([""], file);
    let reader = new FileReader();
    let lastReadOutput = reader.readAsText(file2read, "UTF-8");
    return lastReadOutput;
}

var varifyOutput = "";
function varify(value) {
  varifyOutput = value;
}

//Example: readDataFile("path/to/file.txt");
function readDataFile(file) {
    file = file.toString();
    let file2read = new File([""], file);
    let reader = new FileReader();
    let lastReadOutput = reader.readAsDataURL(file2read);
    return lastReadOutput;
}

function writeToBody(html) {
    document.body.innerHTML += html.toString();
}

function overwriteBody(html) {
    document.body.innerHTML = html.toString();
}

function randomPOS(elementID) {
  let top=Math.floor(Math.random() * Math.floor(90));             
  let left=Math.floor(Math.random() * Math.floor(90));                    
  document.getElementById(elementID).style.top=top+"%";                   
  document.getElementById(elementID).style.left=left+"%"
}

function pos(elementID,x,y) {
  let top = y;             
  let left = x;                    
  document.getElementById(elementID).style.top=top+"%";                   
  document.getElementById(elementID).style.left=left+"%"
}

// Selects a random value in an array
// Example: randomSelectArray(Array); (Change the array!)
function randomSelectArray(avar){ 
  var isarray = Array.isArray(avar);
  if (isarray == true) {
    let rnfa = Math.floor(Math.random()*avar.length);
    rrfa = avar[rnfa];
    return rrfa;
  } else if (isarray == false){
    console.log(`Error, ${avar} is not an Array...`);
  }
}

function sleep(ms) {
  setTimeout(function () {}, ms);
}

async function asyncSleep(ms) {
  await new Promise(r => setTimeout(r, ms));
}

// Remade by Sparksammy
// Example: isFunction(el)
function isFunction(item) {
  if (typeof item === 'function') {
    return true;
  } else {
    return false;
  }
}

function applyCSS(elemID, prop, value) {
    let e = document.getElementById(elemID);
    e.style[prop] = value;
}

function createParagraph(elementID) {
    let e = document.createElement("p");
    e.setAttribute("id", elementID);
    document.body.appendChild(e);
}

function createHeader(num, elementID) {
    let e = document.createElement(`h${num}`);
    e.setAttribute("id", elementID);
    document.body.appendChild(e);
}

function createElement(tagName, elementID) {
    let e = document.createElement(tagName);
    e.setAttribute("id", elementID);
    document.body.appendChild(e);
}

function alignSelf(elemID, alignDirection) {
    let e = document.getElementById(elemID);
    e.style.alignSelf = alignDirection;
}

function alignContent(elemID, alignDirection) {
    let e = document.getElementById(elemID);
    e.style.alignContent = alignDirection;
}

function alignAll(elemID, alignDirection) {
    alignSelf(elemID, alignDirection);
    alignContent(elemID, alignDirection);
}

function writeTimeAndDate(elemID, hourFormat) {
    let e = document.getElementById(elemID);
    let d = new Date();
    let locale = "en-GB";
    if (hourFormat == 24) {
        locale = locale; //leave it the same.
    } else {
        locale = "en-US";
    } 
    let tdStr = d.toLocaleString(locale);
    e.innerText = tdStr;
}

function writeText(elemID, str) {
    let e = document.getElementById(elemID);
    e.innerText = String(str);
}

function writeHTML(elemID, str) {
    let e = document.getElementById(elemID);
    e.innerHTML = String(str);
}

function clearPage() {
    document.body.innerHTML = "";
}

function createList(listID, jsArray) {
    let listParent = document.createElement("ul");
    listParent.setAttribute("id", listID);
    document.body.appendChild(listParent);
    jsArray.forEach(item => {
        listParent.innerHTML += `<li>${item}</li>`;
    });
}

function addToList(listID, jsArray) {
    let listParent = document.getElementById(listID);
    jsArray.forEach(item => {
        listParent.innerHTML += `<li>${item}</li>`;
    });
}

// Gets the value of an attribute
// Example: getAttribute(document.getElementById("link"), "href");
function getAttribute(el, att) {
  let result = el.getAttribute(att);
  return result;
}

// Show/Hide Elements
// Example: hideShow(el)
function hideShow(el) {
  if (el.style.display == 'none') {
    el.style.display = '';
  } else{
    el.style.display = 'none';
  }
}

// Example: fadeOut(el, 1000)
function fadeOut(el, ms) {
  let elem = getElementById(el);
  ms = parseInt(ms);
  for (i = 0; i < (ms + 1); i++) {
    elem.style.opacity -= (i / 100);
    sleep(1);
  }
}

// Example: fadeIn(el, 1000);
function fadeIn(el, ms) {
  elem = getElementById(el);
  elem.style.opacity = 0;
  ms = parseInt(ms);
  for (i = 0; i < (ms + 1); i++) {
    elem.style.opacity += (i / 100);
    sleep(1);
  }
}

function spin(el, ms){
  elem = getElementById(el);
  for (i = 0; i < (ms / 360); i++) {
    elem.style.transform = 'rotate(' + i + 'deg)';
  }
}

//Eval alternative
//Example: exec("alert('Hello, world!')")
function exec(jsCode) {
  let js = jsCode.toString();
  setTimeout(js, 1);
}

function requir3(jsURL) {
  let req = readInternetText(jsURL);
  exec(req);
}

// Example: getFileSize(path/to/file)
function getFileSize(file) {
  file = file.toString();
  file = new File([""], file);
  return file.getFileSize;
}

function lastModified(file) {
  file = file.toString();
  file = new File([""], file);
  return file.lastModified;
}

// Example: playAudio("https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3", 0.4); 
function playAudio(audio, speed) {
  let ma = new Audio(audio);
  ma.playbackRate = speed;
  ma.play();
}

// Example: redir(url);
function redir(url) {
  window.location.href = url.toString();
}