firstYearWebDesign/script.js at main · rofasmyth/firstYearWebDesign · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
 //font buttons
function LargeFont()
  {
    var ps = document.getElementsByTagName("pre");
    for(var i=0;i<ps.length;i++)
    {
       ps[i].style.fontSize="22pt";
    }
  }

function NormalFont()
    {
      var ps = document.getElementsByTagName("pre");
      for(var i=0;i<ps.length;i++)
      {
        ps[i].style.fontSize="20px";
      }
    }


function alterStyle()
  {
    var page = document.body;
    page.classList.toggle("colour");

    var ps= document.getElementsByClassName("myQuotes");

		for(var i=0; i<ps.length; i++)
		{
         if(ps[i].style.color=="white")
         {	ps[i].style.color="black";
      ps[i].style.backgroundColor="white";}
      else{
			ps[i].style.color="white";
      ps[i].style.backgroundColor="Black";
      }

		}
  }


function showModal(element){
  modal.style.display = "block";
  modalImg.src = element.src;

}