commit 632cd40c80eb24c8e20db50b5ecaa3fa117dc978 Author: Fabrice MUKUNZI <83646585+fabmukunzi@users.noreply.github.com> Date: Wed Oct 12 01:51:38 2022 +0200 Add files via upload diff --git a/index.html b/index.html new file mode 100644 index 0000000..b734ae8 --- /dev/null +++ b/index.html @@ -0,0 +1,29 @@ + + + + + + + Quickteller App + + + + +
+
+

Quickteller helps give a quick
update of your horoscope

+
+
+
+

Input your date of birth to get your heroscope

+ + + +
+
+
+

+
+
+ + \ No newline at end of file diff --git a/main.js b/main.js new file mode 100644 index 0000000..7a0084c --- /dev/null +++ b/main.js @@ -0,0 +1,52 @@ +function getHoroscope(){ +let btn=document.querySelector("#btn"); +var date=document.getElementById("date").value; +var month=document.getElementById("month").value; + if((month==1&&date>=20)||(month==2&&date<=18)){ + document.getElementById("horo").innerHTML="YOUR HOROSCOPE IS AQUARIUS"; + document.getElementById("sc").style.padding="15px"; + } + if((month==2&&date>=19)||(month==3&&date<=20)){ + document.getElementById("sc").style.padding="15px"; + document.getElementById("horo").innerHTML="YOUR HOROSCOPE IS PISCES"; + } + if((month==3&&date>=21)||(month==4&&date<=19)){ + document.getElementById("horo").innerHTML="YOUR HOROSCOPE IS ARIES"; + } + if((month==4&&date>=20)||(month==5&&date<=20)){ + document.getElementById("sc").style.padding="15px"; + document.getElementById("horo").innerHTML="YOUR HOROSCOPE IS TAURUS"; + } + if((month==5&&date>=21)||(month==6&&date<=20)){ + document.getElementById("sc").style.padding="15px"; + document.getElementById("horo").innerHTML="YOUR HOROSCOPE IS GEMINI"; + } + if((month==6&&date>=21)||(month==7&&date<=22)){ + document.getElementById("sc").style.padding="15px"; + document.getElementById("horo").innerHTML="YOUR HOROSCOPE IS CANCER"; + } + if((month==7&&date>=23)||(month==8&&date<=22)){ + document.getElementById("sc").style.padding="15px"; + document.getElementById("horo").innerHTML="YOUR HOROSCOPE IS LEO"; + } + if((month==8&&date>=23)||(month==9&&date<=22)){ + document.getElementById("sc").style.padding="15px"; + document.getElementById("horo").innerHTML="YOUR HOROSCOPE IS VIRGO"; + } + if((month==9&&date>=23)||(month==10&&date<=22)){ + document.getElementById("sc").style.padding="15px"; + document.getElementById("horo").innerHTML="YOUR HOROSCOPE IS LIBRA"; + } + if((month==10&&date>=23)||(month==11&&date<=21)){ + document.getElementById("sc").style.padding="15px"; + document.getElementById("horo").innerHTML="YOUR HOROSCOPE IS SCORPIO"; + } + if((month==11&&date>=22)||(month==12&&date<=21)){ + document.getElementById("sc").style.padding="15px"; + document.getElementById("horo").innerHTML="YOUR HOROSCOPE IS SAGILLARIUS"; + } + if((month==12&&date>=22)||(month==1&&date<=19)){ + document.getElementById("sc").style.padding="15px"; + document.getElementById("horo").innerHTML="YOUR HOROSCOPE IS CAPRICORN"; + } +} \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..d8a5a9d --- /dev/null +++ b/style.css @@ -0,0 +1,55 @@ +body{ + font-family:sans-serif; + font-size: 20px; + text-align: center; +} +.context{ + text-align: center; + color: rgb(5, 58, 31); + position: relative; + top: 10px; +} +input{ + padding: 15px; + width: 200px; + font-weight: bold; + font-size: 13px; + border-radius: 10px; + border: solid rgb(5, 58, 31); + margin-top: 20px; +} +form{ + margin-bottom: 10px; +} +button{ + background:rgb(5, 58, 31); + padding: 18px; + width: 200px; + border:none; + border-radius: 10px; + font-weight: bold; + font-size: 15px; + margin-top: 20px; +} +.quickteller{ + background: linear-gradient(0deg,rgb(168, 167, 167),rgb(216, 216, 216)); + padding: 13%; + padding-bottom: 18%; + border-radius: 50px; + box-shadow: inset 5px 5px 40px black; +} +button:hover{ + cursor: pointer; + background: rgb(19, 82, 49); +} +.horoscope{ + color:rgb(220, 248, 95); + font-size: 10px; + background: linear-gradient(0deg,rgb(19, 82, 49),rgb(19, 82, 49)); + background-size: cover; + border-radius: 10px 10px 0px 10px; +} +#dob{ + font-weight: bold; + opacity: 0.9; +} \ No newline at end of file