Department Staff Updates by @Bladimir30 - Codewith.it

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

References

<b>Formatta il testo in grassetto
disabledImpedisce la modifica di un input
titleIndica informazioni aggiuntive riguardo un elemento HTML
srcIndica la provenienza di una risorsa esterna (tramite URL).
<th>Definisce una cella di intestazione di una tabella HTML.
<p>Serve a definire paragrafi di testo

Users

Log in to search for users

Explore

Find inspiration

Pagina html di prova

Piano Distruzione pianeta terra

countdown passaporto 2

Le Meraviglie d’Italia (chatgpt)

Tabella base (lezione 10)

Elaborato esame

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