commit d474603508480e769ec652f7ea5de9ba3e4102fd Author: yikth Date: Fri Aug 28 11:11:15 2020 +0800 initial sample code from luminus diff --git a/index.html b/index.html new file mode 100644 index 0000000..78a89d2 --- /dev/null +++ b/index.html @@ -0,0 +1,18 @@ + + + + + + My Sample Pages + + + + + + +

Welcome to Fintech@NUS course

+ + + + + \ No newline at end of file diff --git a/index2.html b/index2.html new file mode 100644 index 0000000..8c791c0 --- /dev/null +++ b/index2.html @@ -0,0 +1,32 @@ + + + + + + My Sample Pages + + + + + + +

MY COMPANY

Welcome to DevToolKit 1 course

This is our first class!

Follow my code!

+ Game Analytics +

My Bank Pte Ltd

+ + + + + + + + + + + diff --git a/myscript.js b/myscript.js new file mode 100644 index 0000000..211460d --- /dev/null +++ b/myscript.js @@ -0,0 +1,6 @@ +//alert ('hello world'); + +function myFunction() { + document.getElementById("h1ref").style.backgroundColor = "green"; + +} \ No newline at end of file diff --git a/myscripts2.js b/myscripts2.js new file mode 100644 index 0000000..f5af6f1 --- /dev/null +++ b/myscripts2.js @@ -0,0 +1,20 @@ +//alert ('hello world'); +function myFunction() { + + document.getElementById("h1ref").style.backgroundColor = "greenyellow"; + //document.querySelector(".info").style.color = "green"; + myArray = document.querySelectorAll(".info"); + myArray.forEach(function(items) { + items.style.color ="green"; + }); +} + +function changeContent(){ + //document.body.innerHTML = "

Test

" + document.getElementById("h1ref").innerHTML = "You are doing excellent job in Dev Tool Kit 1"; + document.getElementById("h1ref").style.backgroundColor = "yellow"; + var myLinkVar = document.getElementById("myLink"); + myLinkVar.href ="http://www.globalcert.cloud/"; + myLinkVar.innerHTML ="Global Certificates"; + + } \ No newline at end of file diff --git a/mystyle.css b/mystyle.css new file mode 100644 index 0000000..45b7985 --- /dev/null +++ b/mystyle.css @@ -0,0 +1,3 @@ +h1 { color: red; font-size:28px;} +/* MY commnet */ + diff --git a/mystyle2.css b/mystyle2.css new file mode 100644 index 0000000..e7263ae --- /dev/null +++ b/mystyle2.css @@ -0,0 +1,49 @@ +p { color: blueviolet; font-size:16px;} + +#largeGreen { color:green; font-size:50px;} + +.info {color: blue;} + +/* +.button { + background-color: red; +} +*/ + + +.button { + background-color: #4CAF50; + border: none; + color: white; + padding: 16px 32px; + text-align: center; + text-decoration: none; + display: inline-block; + font-size: 16px; + margin: 4px 2px; + transition-duration: 0.4s; + cursor: pointer; + } + + .button1 { + background-color: white; + color: black; + border: 2px solid #4CAF50; + } + + .button1:hover { + background-color: #4CAF50; + color: white; + } + + .button2 { + background-color: white; + color: black; + border: 2px solid #008CBA; + } + + .button2:hover { + background-color: #008CBA; + color: white; + } + \ No newline at end of file