JSFiddle - React, Tailwind, and code Playground
HTML
<div id="add" onClick="addWindow()">+</div>
CSS
body {
margin: 0px;
background: #000;
}
iframe {
position: absolute;
top: 0px;
right: 0px;
border: 0px;
width: 100%;
height: 100%;
}
div {
width: 300px;
height: 30px;
position: absolute;
right: 0px;
z-index: 1;
line-height: 30px;
font-size: 13px;
color: #aaaaaa;
background: linear-gradient(rgb(69, 72, 77) 0%, rgb(0, 0, 0) 100%);
font-family: Arial;
font-weight: bold;
text-align: left;
}
select {
margin-top: 5px;
margin-left: 5px;
}
#add {
width: 30px;
text-align: center;
color: #fff;
font-size: 14px;
cursor: pointer;
}
JavaScript
var windowCount = 0;
var servers = {
"North America": {
"http://us.gw2stuff.com/events/anvil-rock": "Anvil Rock",
"http://us.gw2stuff.com/events/blackgate": "Blackgate",
"http://us.gw2stuff.com/events/borlis-pass": "Borlis Pass",
"http://us.gw2stuff.com/events/crystal-desert": "Crystal Desert",
"http://us.gw2stuff.com/events/darkhaven": "Darkhaven",
"http://us.gw2stuff.com/events/devonas-rest": "Devona's Rest",
"http://us.gw2stuff.com/events/dragonbrand": "Dragonbrand",
"http://us.gw2stuff.com/events/ehmry-bay": "Ehmry Bay",
"http://us.gw2stuff.com/events/eredon-terrace": "Eredon Terrace",
"http://us.gw2stuff.com/events/fergusons-crossing": "Ferguson's Crossing",
"http://us.gw2stuff.com/events/fort-aspenwood": "Fort Aspenwood",
"http://us.gw2stuff.com/events/gate-of-madness": "Gate of Madness",
"http://us.gw2stuff.com/events/henge-of-denravi": "Henge of Denravi",
"http://us.gw2stuff.com/events/isle-of-janthir": "Isle of Janthir",
"http://us.gw2stuff.com/events/jade-quarry": "Jade Quarry",
"http://us.gw2stuff.com/events/kaineng": "Kaineng",
"http://us.gw2stuff.com/events/maguuma": "Maguuma",
"http://us.gw2stuff.com/events/northern-shiverpeaks": "Northern Shiverpeaks",
"http://us.gw2stuff.com/events/sanctum-of-rall": "Sanctum of Rall",
"http://us.gw2stuff.com/events/sea-of-sorrows": "Sea of Sorrows",
"http://us.gw2stuff.com/events/sorrows-furnace": "Sorrow's Furnace",
"http://us.gw2stuff.com/events/stormbluff-isle": "Stormbluff Isle",
"http://us.gw2stuff.com/events/tarnished-coast": "Tarnished Coast",
"http://us.gw2stuff.com/events/yaks-bend": "Yak's Bend",
},
"Europe": {
"http://v2.gw2stuff.com/events/aurora-glade": "Aurora Glade",
...