Department Staff Updates by @Bladimir30 - Codewith.it

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

Referenze

<label>Mostrare un testo di etichetta per un elemento di input.
<em>Formatta il testo in corsivo/italico enfatizzato
<blockquote>Inserisce citazioni in un documento HTML
hrefDefinisce l'URL della risorsa/pagina di destinazione.
<tbody>Definisce il contenuto principale di una tabella.
loopL'attributo loop è usato per la riproduzione continua dei contenuti video e audio

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

Proposta di Matrimonio

La torta della nonna es esame

Design & Comunicazione Digitale ??

Notizie dai Monti(2)

Mario-Block.html

primo esercizio 26 gennaio

Analisi Drive Synology: RS814RP+ &

esercizio esame 2

HTML

CSS

JS

terminal console

feedback

add_box Nuovo

cookie Informativa

Informativa privacy e cookies

Utilizziamo cookie o tecnologie per finalità tecniche e, con il tuo consenso, anche per altre finalità come specificato nella cookie policy. Il rifiuto del consenso può rendere non disponibili alcune funzioni. Leggi di più sull'informativa privacy

Clicca su “Accetta” per acconsentire.

<!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();