Department Staff Updates by @Bladimir30 - Codewith.it

#main, .loader-cont { display: none; } JavaScript disabilitato.
Non puoi usare Codewith.it senza JavaScript.

References

relServe a definire la relazione tra il documento e una risorsa.
animation-directionProprietà CSS per definire la direzione di esecuzione di un'animazione
<option>Serve ad inserire una voce in un menu di selezione.
minlengthDetermina il numero minimo di caratteri per un elemento input
srcsetL'attributo srcset definisce la risorsa grafica tramite URL all'interno del tag <source> contenuto in <picture>
<strong>Definisce una parte del testo importante con formattazione in grassetto.

Users

Log in to search for users

Explore

Find inspiration

Costruzione form

Simple Calculator(2)

Heads Or Tails Random Tally

JS Oggetti ed eventi es1

HTML

CSS

JS

terminal console

feedback

add_box New

cookie Policy

Privacy information and cookies

We use cookies or technologies for technical purposes and, with your consent, also for other purposes as specified in the cookie policy. Refusal of consent may make some functions unavailable. Read more about the privacy policy

Click on “Agree” to confirm.

<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>Department Staff Updates</title>
	<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"
		integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
	<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
		integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
		crossorigin="anonymous"></script>
	<link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>
	<div class="container">
		<center>
			<img style="height: 100px; margin-bottom: 8px;" src="https://www.aoiths.org/logo.svg" />
		</center>
		<table class="table table-responsive"></table>
	</div>

	<script src="util.js"></script>
	<script src="script.js"></script>
</body>

</html>

html, body {
  height: 100%;
  width: 100%;
}

body {
	padding-top: 15px;
}

table td:hover {
    background-color: rgba(0,0,0,.075);
}

const depts = ["Admin", "Office", "Counselor", "CTE", "History", "Math", "Gym", "Dean", "Language", "Science", "English", "Support", "Student Success Center"];


function e(t, a) {
	if (a) {
		return document.querySelectorAll(t);
	} else {
		return document.querySelector(t);
	}
}

function d(t, ctxt) {
	e(t).insertAdjacentHTML("beforeend", `<div class="row">${ctxt}</div>`);
}

var getDeptName = index => depts[index];

var createTbHeader = (arrayName, count) => `<thead><tr><th colspan="3">${getDeptName(arrayName)} (${count.length})</th></tr></thead>`;

var createTbBody = context => `<tbody>${context}</tbody>`;

var createTbBodyRow = context => `<tr>${context}</tr>`;

var createTbBodyContent = context => `<td>${context}</td>`;


var createTableCotents = () => {
	var html = "";

	for (var staff in STAFF) {
		var mainIndex = STAFF[staff].sort();

		html += createTbHeader(staff, mainIndex);

		var data = "";

		for (var subIndex in mainIndex) {
			data += (subIndex == 0) ?
				`<td></td>${createTbBodyContent(mainIndex[subIndex])}` :
				`${createTbBodyContent(mainIndex[subIndex])}`;
		}
		html += createTbBody(createTbBodyRow(data));
	}
	return html;
}



//////// DO NOT EDIT BELOW THIS LINE ////////////////
/////////////////////////////////////////////////////

let
	Admin = ["Fowlkes", "Lynch", "Woodham", "Stahl", "Peter"],
	CTE = ["Alphonse", "Donahue", "Santana", "Vaduva", "Woods", "Shams", "Urena"],
	History = ["McQuilkin", "Amell", "Hablenko", "Schmidt", "Headlem", "Lucas", "Smith"],
	Counselor = ["Grant", "Weaver"],
	Maths = ["Freck", , "Ventimiglia"],
	Gym = ["Banta", "Proper", "Moll", "Murray"],
	Dean = ["Frazier", "Vaduva", "Mollison"],
	Language = ["Levystone", "Ortiz", "Stratman", "Vaduva", "Streeter", "Weaver"],
	Science = ["Koelsch", "Willet", "Lagana", "Fonrose"],
	English = ["Brown", "DelValle", "Duran", "Griszell", "King", "Fonrose", "Constant"],
	Office = ["Verley"],
	Support = ["Kabir", "Minto"],
	SSC = ["Stephine"];

const STAFF = [Admin, Office, Counselor, CTE, History, Maths, Gym, Dean, Language, Science, English, Support, SSC];

//////// DO NOT EDIT ABOVE THIS LINE ////////////////
/////////////////////////////////////////////////////

////////// MAKE YOUR UPDATES WITHIN THIS SECTION //// 

Admin.splice(0,5,"Drysdale","Simpkins","Woodham");
Office.splice(0,1,"Gardner","Martinez","Tirado","Michael",);
Counselor.splice(0,4,"Molina","Cooper","Slater","Desroches",);
CTE.splice(0,7,"Alphonse", "Pierre", "Plezer","Ramsawak", "Shams","Frazer","Sullivan");
History.splice(0,7,"Amell", "Headlam", "Rodriguez","Lucas", "Urena","Smith","Sherman",);
Maths.splice(0,7,"Freck", "Forth", "Minto","Wong", "Steele","Kolesch");
Gym.splice(0,4,"Mcalary", "Banta");
Dean.splice(0,3,"Mollison", "Frazer");
Language.splice(0,6,"Vallejo", "Weaver","Mott");
Science.splice(0,4,"Kabir", "Lynch", "Davies", "Simpkins");
CTE.splice(0,7,"Alphonse", "Pierre", "Plezer","Ramsawak", "Shams","Frazer","Sullivan");
English.splice(0,7,"Grant", "Gomez", "Griszell","Sherman", "Weaver","Mott","Taveras");
Support.splice(0,2,"Slater", "Rodriguez", "Kabir","Sherman","Steele");
SSC.splice(0,1,"Bernice");





/////////////////////////////////////////////////////
//////// DO NOT EDIT BELOW THIS LINE ////////////////

e("table").innerHTML = createTableCotents();