Department Staff Updates by @Bladimir30 - Codewith.it

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

References

multipleConverte in lista a selezione multipla
<audio>Il tag <audio> HTML permette di inserire contenuti musicali e suoni nel documento
hrefDefinisce l'URL della risorsa/pagina di destinazione.
srcIndica la provenienza di una risorsa esterna (tramite URL).
actionDetermina la pagina di destinazione a cui verranno inviati i dati di un form HTML
<iframe>Crea un frame all'interno di una pagina HTML.

Users

Log in to search for users

Explore

Find inspiration

Curriculum html

Due Sezioni - 4 colori (2x2)

form per il torneo misto disfor s

ximena sanchez JavaScript animati

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