ArrayMixer Playground

Developer
Jota Teles
Size
3,677 Kb
Views
8,096
  1. ArrayMixer Playground Previews
  2. ArrayMixer Playground HTML Codes
  3. ArrayMixer Playground CSS Codes
  4. ArrayMixer Playground JS Codes

How do I make an arraymixer playground?

What is a arraymixer playground? How do you make a arraymixer playground? This script and codes were developed by Jota Teles on 17 January 2023, Tuesday.

ArrayMixer Playground Previews
IQ Test

ArrayMixer Playground - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>ArrayMixer Playground</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <header> <h1> <span class="header-subtitile">PLAYGROUND</span> <p class="header-title"> ArrayMixer </p> </h1>
</header> <script src='https://unpkg.com/[email protected]/release/array-mixer.js'></script> <script src="js/index.js"></script>
</body>
</html>

ArrayMixer Playground - Script Codes CSS Codes

@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(https://fonts.googleapis.com/css?family=Lato);
main { position: relative;
}
header h1 { font-family: Montserrat, "sans-serif"; font-size: 45px; text-align: center; color: #34495e;
}
header h1 .header-subtitile { font-size: 0.35em; margin-bottom: 5px; position: relative;
}
header h1 .header-subtitile:before, header h1 .header-subtitile:after { content: ""; position: absolute; width: 25%; height: 2px; top: 50%; margin-top: -1px; background-color: #34495e;
}
header h1 .header-subtitile:before { left: -35%;
}
header h1 .header-subtitile:after { right: -35%;
}
header h1 .header-title { margin-top: 0;
}
html { padding: 0 20px; background-color: #ecf0f1; font-family: "Lato", sans-serif;
}
main { display: block; background-color: #e8e3e3; min-height: 500px; margin: 0 auto;
}

ArrayMixer Playground - Script Codes JS Codes

"use strict";
var queryParams = decodeURIComponent(location.search);
var queryAliases = queryParams.match(/aliases=({.*?})/)[1];
var querySequence = queryParams.match(/sequence=(\[.*?\])/)[1];
console.log({ queryAliases: queryAliases, querySequence: querySequence });
var colors = ["Amber", "Blue", "Cyan", "Dim Gray", "Emerald"];
var musicians = ["Al Green", "Bruno Mars", "Caetano Veloso", "Deep Purple", "Ed Sheeran", "Franz Ferdinand", "George Michael", "Heaven And Hell", "INXS", "Jorge Ben Jor", "Kings of Leon", "Led Zeppelin", "Marvin Gaye", "Norah Jones", "Ozzy Osbourne", "Pink Floyd", "Queen", "Rage Against The Machine", "Simply Red", "Tom Jones", "U2", "Van Halen", "Wham!", "XX, The", "Yes", "ZZ Top"];
var animals = ["Alligator", "Bear", "Cat", "Dog", "Elephant"];
var mixed = ArrayMixer({ C: colors, A: animals }, ["3C", "3A"]);
console.log(mixed);
ArrayMixer Playground - Script Codes
ArrayMixer Playground - Script Codes
Home Page Home
Developer Jota Teles
Username teles
Uploaded January 17, 2023
Rating 3
Size 3,677 Kb
Views 8,096
Do you need developer help for ArrayMixer Playground?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Jota Teles (teles) Script Codes
Name
Link Builder Examples
Teste do Staticman
VD Modal Sample
Nes palette components
Infinite chocolate bar
Angular link builder
Markpad
Parallel park - pure css
A Pen by Jota Teles
Popover
Create amazing love letters with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!