Department Staff Updates by @Bladimir30 - Codewith.it

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

References

<u> Utilizzato definire una parte del contenuto come annotazione non testuale, con una sottolineatura.
multipleConverte in lista a selezione multipla
<blockquote>Inserisce citazioni in un documento HTML
<em>Formatta il testo in corsivo/italico enfatizzato
heightDetermina l'altezza di un elemento HTML in pixel
autofocusAttiva un elemento al caricamento della pagina.

Users

Log in to search for users

Explore

Find inspiration

Calcolatrice php

pag. 2 progetto inf

copia dicountdownfineanno

Esercitazione n. 3

Esercitazione informatica(2)

Esercitazione n. 1

esercitazione n. 1

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