upSTYLEdown

/* forEach */
['items1','items2','items3'].forEach(function(value){alert(value)});

// bare html template //

<html>
<head><title>template 1</title>

</body>
</html>

/* locks elements with data attribute */

function lockAll(){
	var article = document.querySelectorAll('[data]');
	for (let x of article) {
			x.style.pointerEvents = 'none';
	}
}

/* Returns a multiple of a given number */
	
const isMultipleOf = (num,mult) => {  
	const div = parseInt(num / mult);
	return div * mult;
};

alert(isMultipleOf(10,3));

/* Eye dropper script */

const wEd = new window.EyeDropper;
function openColor(){wEd.open().then(function(val){if(el)el.style.background=val.sRGBHex;}).catch(function(err){});}

openColor();

/* Create audio */

function createAudio(file){
let sound = new Audio('../codeSnap/'+file);
	return sound;
}

createAudio('sound10.wav').play();

/* Add error event listener to window */

window.addEventListener("error", function(e){
	console.log(e);
	showNotification('An Error has occured! '+e.error+' at line: '+e.lineno,1);
	});

/* Window set timeout */

window.setTimeout(function(){alert("do stuff")},5000);

/* If (el) Apply a class to an exsisting (el) element */

function applyClass(txt){
if(!el)return;
	let currentClass = el.classList[0];
	el.className='';
	currentClass='';
	el.classList.add(txt);
}

/* Checks if user is online */

window.addEventListener('online', function(e){alert('online!')});
	window.addEventListener('offline', function(e){alert('offline!')});

/* Change image of elements if fileName provided get that image */

class Car {
	constructor(x, y, color, speed) {

}

drive(){

}
}

// share //
navigator.share({title:'Share Title',text:'some text',url:'https://www.oldstockcars.com'});

// Default HTML Template //

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.8" />
		<title>BroadcastChannel API</title>
		<link rel="stylesheet" href="main.css" />
		<script defer src="broadcast.js"></script>
	</head>

<body>
	<header>
		<h1>BroadcastChannel API</h1>
		<h2>Between Windows, Tabs, Frames, Workers & ServiceWorkers</h2>
	</header>
	<main>
		<section class="actions">
		<button id="btnOpen">Open a New Tab</button><br />
		<input type="text" id="txtMessage" />
		<button id="btnSend">Send Message</button>
	</section>
	<section id="messages"></section>

</main>
</body>
</html>

// Default APP setup //

document.addEventListener('DOMContentLoaded', APP.init);

// for loop //

for (let i = 0; i < cars.length; i++) {
  text += cars[i] + "<br>";
}

// Script to grab link images and create image block //

newTxt2.style = 'left:'+myLeft+';outline:none;border:5px solid black;position:absolute;bottom:1px;height:300px;width:300px;object-fit:cover;';
			//newTxt2.id='img1';
			
			newTxt2.src = x.href;
			let txt = x.href;
			//alert(txt.substring(txt.length - 4));
			
			if(txt.substring(txt.length - 4) == '.mp4'){
			}
			
			if(txt.substring(txt.length - 4) == '.gif' || txt.substring(txt.length - 4) == '.jpg' || txt.substring(txt.length - 4) == '.png'){
			
			x.addEventListener('mouseover',function(){
			newTxt2.src = x.href;
			},false);
			x.addEventListener('mouseout',function(){
			//img1.src='';
			},false)
			newTxt2.addEventListener('click',function(e){document.body.style.backgroundImage='url('+this.src+')';})
			myLeft=myLeft+300;
			document.body.appendChild(newTxt2);
			document.body.style.backgroundRepeat='repeat';
			document.body.style.backgroundPosition = "300px 0px";
			}//document.body.style.backgroundAttachment="fixed";
		}
		
</script>

// ajax call //

function get_miles_away(name){

positionTag_box("none",160,iecompattest().clientHeight/2+70,iecompattest().clientWidth/2-200,xhr.responseText+"<br><br><b></b>","safety.png",2000,1000);

}
		xhr.send(null);

}

// get document entire contents //

var markup = document.documentElement.innerHTML;
alert(markup);

// style scrollbar //

::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 60px rgba(0,0,0,0.5);
}

// template div //

// scrollbar setting //

::-webkit-scrollbar {
			width: 10px;
		}

::-webkit-scrollbar-track {
			-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
		border-radius: 10px;
		}

::-webkit-scrollbar-thumb {
			border-radius: 10px;
			-webkit-box-shadow: inset 0 0 60px rgba(0,0,0,0.5);
		}

// default div tag //

<div

id='div1'
	
	style='
		position: absolute;
		top: 0;
		left: 0;
		width: 100px;
		height: 100px;
		background: red;
		border-radius: 4px;
		cursor: pointer;
	'
	
	onclick='alert("div1 clicked")'
	
	title=''

></div>

// template div stripes //

// move object //

<style>

body{overflow:hidden;}
div {
  width: 140px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fbe;
}

</style>

// insert node //

function speak_words(lang,pitch,rate,text,voice,volume){
		const utterance = new SpeechSynthesisUtterance(text);
		utterance.lang = lang;
		utterance.pitch = pitch;
		utterance.rate = rate;
		utterance.voice = voice;
		utterance.volume = volume;
		speechSynthesis.speak(utterance);
}

window.onerror=function(){speak_words(null,1,1,event.message,null,100);}

// Create sound at random times //

function getSound(html){
let sound = new Audio('../sounds/'+html);
return sound;
}

const sound1 = getSound(`ding.mp3`);
setInterval(function(){sound1.play()},Math.floor(Math.random()*200000+10000));

// history push //

history.pushState(null, "title", "fakename.html");

// soft reload //

var markup = document.documentElement.innerHTML;
 function softLoad(){
	document.body.outerHTML = markup;
}

// write document to clip board //

// Script alerts on Document Click and return element id //

function unscrambleCode(txt){
	eval(decrypt(txt));
};

unscrambleCode("d2luZG93LmFkZEV2ZW50TGlzdGVuZXIoImNsaWNrIiwgZnVuY3Rpb24oZSl7CgoJYWxlcnQoZS50YXJnZXQuaWQpOwoJZS5wcmV2ZW50RGVmYXVsdCgpOwoKfSk7");
</script>

// obj functions //

let functions = {

init: function(){
  alert('hey');
  },

one: function(){
  alert('function one');
  },
  
  two: function(){
  alert('function two');
  }
}

functions.init();functions.two();

// function will return true if mouse is close to center of screen //

function withIn20pxOfCenterOfScreen(x) {
	let baseNum = parseInt(window.innerWidth/2);
	let lowBaseNum = baseNum - 20;
	let highBaseNum = baseNum + 20;
	return x >= lowBaseNum && x <= highBaseNum;
}

window.onclick=function(event){
	alert(event.x);
	if (withIn20pxOfCenterOfScreen(event.x)) {
		alert('is between');
	}
}

// load script on event //

function getFunction(src){
  let head = document.querySelector("head");
  let loadJS = function(src){
  let jsLink = document.createElement("script");
  jsLink.src = src;
  head.appendChild(jsLink);
  }
  loadJS(src);
}

getFunction('alertFunction.js');

// selects and copies text to clipboard //

function copyCode(){
	let h1 = document.getElementById('myTxt');
	let select = document.getSelection();
	select.removeAllRanges();
	let range = document.createRange();
	range.selectNode(h1);
	select.addRange(range);
	document.execCommand('copy');
}

// inserts color picker.  Paste into chrome address bar //

javascript:document.body.insertAdjacentHTML('beforeend', '<input type="color" style="background:rgba(0,0,0,.5);cursor:pointer;width:20px;height:20px;position:fixed;top:20px;right:20px;border-radius:15px;outline:none;border:0px;font-family:tahoma,arial;font-size:1.2em;color:white;z-index:200000;" onchange="" onmouseout="this.style.opacity=\'.2\'"  onmouseover="this.style.opacity=\'1\'" title=""/>');

// Inserts input into page. Evaluates text onchange. //

javascript:document.body.insertAdjacentHTML('beforeend', '<input type="text" style="background:rgba(0,0,0,.5);cursor:pointer;width:420px;height:20px;position:absolute;top:20px;right:20px;border-radius:15px;padding:20px 40px;outline:none;border:0px;font-family:tahoma,arial;font-size:1.2em;color:white;z-index:200000;" onchange="eval(this.value);" onmouseout="this.style.opacity=\'.2\'"  onmouseover="this.style.opacity=\'1\'" title=""/>');

// PHP EOD syntax //

echo
<<<'EOD'
<p id='siteName' style="text-shadow:0px 0px 8px black;user-select: none; outline: none; cursor: move; fo

// askes for geo location //

clientInformation.geolocation.getCurrentPosition(function(){}));
<p id='siteName' style="text-shadow:0px 0px 8px black;user-select: none; outline: none; cursor: move; fo
// get url search values //

const queryString = window.location.search;
		const urlParams = new URLSearchParams(queryString);
		const rotate = urlParams.get('rotate')
		
		if(rotate){el.style.transform='rotate('+randRotate+'deg)'}

<p id='siteName' style="text-shadow:0px 0px 8px black;user-select: none; outline: none; cursor: move; fo// desktop icon //

<div id="blank1_icon" style="user-select:none;font-family: tahoma, arial; font-size: 0.8em; display: flex; justify-content: center; cursor: pointer; color: white; border: 0px solid black; position: absolute; top: 130px; transition: opacity 1s ease-in;right: 38%; width: 100px; height: 100px; background: transparent; z-index: 20000000;opacity:0;"

onpointermove='if(!drag){var hold=false;}else{return};this.style.left=event.x-parseInt(this.style.width)/2+"px";this.style.top=event.y-parseInt(this.style.height)/2+30+"px"'

onpointerdown='var article = document.body.getElementsByTagName("*");for (let x of article){x.style.pointerEvents="none"};this.style.pointerEvents="auto";drag=false;el=this'

onpointerup='var article = document.body.getElementsByTagName("*");for (let x of article){if(x.tagName==="svg"){}else{x.style.pointerEvents="auto"}};drag=true'

ondblclick="window.open('try_poly.html', 'mozillaWindow');"><img onload="this.rotation=30;blank1_icon.style.opacity='1';setInterval(()=>{this.style.transform='rotate('+this.rotation+'deg)';this.rotation++;},100);"
src="clipIcon.ico" style="filter:drop-shadow(0px 0px 5px black);width: 45px; cursor: pointer; position: absolute; top: -54px;">clipArt</div>
<p id='siteName' style="text-shadow:0px 0px 8px black;user-select: none; outline: none; cursor: move; fo<a  download = "filename" href = "URL" media = "media_query" ping = "list_of_URLs" rel = "alternate, author, bookmark, external, help, license, next, nofollow, noreferrer, noopener, prev, search, tag" target = "_blank, _parent, _self, _top">link</a>
<p id='siteName' style="text-shadow:0px 0px 8px black;user-select: none; outline: none; cursor: move; fo