var modal = document.getElementById(“myModal”);
var span = document.getElementsByClassName(“close”)[0];
var btn1 = document.getElementById(“btn1”);
var btn2 = document.getElementById(“btn2”);
var btn3 = document.getElementById(“btn3”);
var btn4 = document.getElementById(“btn4”);
var btn5 = document.getElementById(“btn5”);
var btn6 = document.getElementById(“btn6”);
var btn7 = document.getElementById(“btn7”);
var btn8 = document.getElementById(“btn8”);
var btn9 = document.getElementById(“btn9”);
var btn10 = document.getElementById(“btn10”);
var btn11 = document.getElementById(“btn11”);
var btn12 = document.getElementById(“btn12”);
var btn13 = document.getElementById(“btn13”);
var btn14 = document.getElementById(“btn14”);
var btn15 = document.getElementById(“btn15”);
var btn16 = document.getElementById(“btn16”);
var btn17 = document.getElementById(“btn17”);
var btn18 = document.getElementById(“btn18”);
var btn19 = document.getElementById(“btn19”);
var btn20 = document.getElementById(“btn20”);
var btn21 = document.getElementById(“btn21”);
var btn22 = document.getElementById(“btn22”);
var btn23 = document.getElementById(“btn23”);
var btn24 = document.getElementById(“btn24”);
btn1.onclick = function() {
document.getElementById(“modalText”).innerHTML = “A shallow groove that contains blood vessels that separates the left and right ventricles.”;
modal.style.display = “block”;
}
btn2.onclick = function() {
document.getElementById(“modalText”).innerHTML = “A structure that lies on the line that separates the atrium from the ventricle.”;
modal.style.display = “block”;
}
btn3.onclick = function() {
document.getElementById(“modalText”).innerHTML = “Receives deoxygenated blood from the systemic circuit.”;
modal.style.display = “block”;
}
btn4.onclick = function() {
document.getElementById(“modalText”).innerHTML = “Carries deoxygenated blood from the upper systemic circuit to the heart.”;
modal.style.display = “block”;
}
btn5.onclick = function() {
document.getElementById(“modalText”).innerHTML = “Supplies oxygenated blood to the head, neck and arm regions of the body.”;
modal.style.display = “block”;
}
btn6.onclick = function() {
document.getElementById(“modalText”).innerHTML = “The main artery that carries blood away from the heart to the rest of your body.”;
modal.style.display = “block”;
}
btn7.onclick = function() {
document.getElementById(“modalText”).innerHTML = “Carries deoxygenated blood from the right ventricle to the lungs.”;
modal.style.display = “block”;
}
btn8.onclick = function() {
document.getElementById(“modalText”).innerHTML = “Receives oxygenated blood from the pulmonary circuit.”;
modal.style.display = “block”;
}
btn9.onclick = function() {
document.getElementById(“modalText”).innerHTML = “Carries oxygenated blood from the lungs to the heart.”;
modal.style.display = “block”;
}
btn10.onclick = function() {
document.getElementById(“modalText”).innerHTML = “Carries deoxygenated blood from the upper systemic circuit to the heart.”;
modal.style.display = “block”;
}
btn11.onclick = function() {
document.getElementById(“modalText”).innerHTML = “Carries deoxygenated blood from the lower systemic circuit to the heart.”;
modal.style.display = “block”;
}
btn12.onclick = function() {
document.getElementById(“modalText”).innerHTML = “Pumps oxygenated blood from the heart to the systemic circuit.”;
modal.style.display = “block”;
}
btn13.onclick = function() {
document.getElementById(“modalText”).innerHTML = “Pumps deoxygenated blood from the heart to the pulmonary circuit.”;
modal.style.display = “block”;
}
btn14.onclick = function() {
document.getElementById(“modalText”).innerHTML = “Valve that allows one-way flow of blood from right atrium to the right ventricle.”;
modal.style.display = “block”;
}
btn15.onclick = function() {
document.getElementById(“modalText”).innerHTML = “Valve that allows one-way flow of blood from left ventricle to the aorta.”;
modal.style.display = “block”;
}
btn16.onclick = function() {
document.getElementById(“modalText”).innerHTML = “Parallel ridges in the walls of the atria of the heart.”;
modal.style.display = “block”;
}
btn17.onclick = function() {
document.getElementById(“modalText”).innerHTML = “Receives deoxygenated blood from the systemic circuit.”;
modal.style.display = “block”;
}
btn18.onclick = function() {
document.getElementById(“modalText”).innerHTML = “The main artery that carries oxygenated blood from the heart to the rest of the body.”;
modal.style.display = “block”;
}
btn19.onclick = function() {
document.getElementById(“modalText”).innerHTML = “Receives oxygenated blood from the pulmonary circuit.”;
modal.style.display = “block”;
}
btn20.onclick = function() {
document.getElementById(“modalText”).innerHTML = “Valve that allows one-way flow of blood from left atrium to the left ventricle.”;
modal.style.display = “block”;
}
btn21.onclick = function() {
document.getElementById(“modalText”).innerHTML = “A string-like structure that holds the atrioventricular valves in place while the heart is pumping blood.”;
modal.style.display = “block”;
}
btn22.onclick = function() {
document.getElementById(“modalText”).innerHTML = “A thin, smooth membrane which lines the inside of the chambers of the heart and forms the surface of the valves.”;
modal.style.display = “block”;
}
btn23.onclick = function() {
document.getElementById(“modalText”).innerHTML = “The muscular tissue of the heart.”;
modal.style.display = “block”;
}
btn24.onclick = function() {
document.getElementById(“modalText”).innerHTML = “A serous membrane that forms the innermost layer of the pericardium and the outer surface of the heart.”;
modal.style.display = “block”;
}
span.onclick = function() {
modal.style.display = “none”;
}
window.onclick = function(event) {
if (event.target == modal) {
modal.style.display = “none”;
}
}
