Astrology may not be a topic that you expected to be covered on a PC technology website. However, we wanted to create a JavaScript program for people that are interested in it. Many people are into astrology these days so this can be a great idea for a website for people that enjoy astrology. You can of course modify the JavaScript code to have different predictions that the default ones listed below.
JavaScript Program that Shares Daily Astrology Predictions
When you are using this program, you will simply need to choose your astrology sign from a dropdown menu. Here is the code to use it.
<body>
<h1>Daily Astrology Predictions</h1>
<label for="sign">Choose your astrology sign:</label>
<select id="sign">
<option value="aries">Aries</option>
<option value="taurus">Taurus</option>
<option value="gemini">Gemini</option>
<option value="cancer">Cancer</option>
<option value="leo">Leo</option>
<option value="virgo">Virgo</option>
<option value="libra">Libra</option>
<option value="scorpio">Scorpio</option>
<option value="sagittarius">Sagittarius</option>
<option value="capricorn">Capricorn</option>
<option value="aquarius">Aquarius</option>
<option value="pisces">Pisces</option>
</select>
<button onclick="getPrediction()">Get Prediction</button>
<div id="prediction"></div>
<script>
function getPrediction() {
const sign = document.getElementById("sign").value;
let prediction = "";
switch (sign) {
case "aries":
prediction = "Today, your assertive nature will shine in your career endeavors...";
break;
case "taurus":
prediction = "Today, Taurus, your steadfast determination and practical approach will lead to significant progress in your professional endeavors...";
break;
case "gemini":
prediction = "Today, Gemini, your adaptability and quick thinking will set you apart in the workplace...";
break;
case "cancer":
prediction = "Today, Cancer, emotional intelligence plays a crucial role in your career...";
break;
case "leo":
prediction = "Today, Leo, your natural charisma and confidence will be your greatest assets in the workplace...";
break;
case "virgo":
prediction = "Today, Virgo, today requires attention to detail and meticulous planning in your professional endeavors...";
break;
case "libra":
prediction = "Today, Libra, collaboration and diplomacy are key to your success in the workplace...";
break;
case "scorpio":
prediction = "Today, Scorpio, strategic thinking and resourcefulness are essential in your career endeavors...";
break;
case "sagittarius":
prediction = "Today, Sagittarius, your optimism and enthusiasm will inspire others to follow your lead...";
break;
case "capricorn":
prediction = "Today, Capricorn, discipline and perseverance are required in your career pursuits...";
break;
case "aquarius":
prediction = "Today, Aquarius, embrace innovation and originality in your career path...";
break;
case "pisces":
prediction = "Today, Pisces, trust your instincts and follow your heart when making professional decisions...";
break;
default:
prediction = "Please select an astrology sign.";
}
document.getElementById("prediction").innerText = prediction;
}
</script>
</body>
Here is a modified version of the script if you would like to show the prediction in a paragraph under the dropdown box:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Daily Astrology Predictions</title>
</head>
<body>
<h1>Daily Astrology Predictions</h1>
<label for="sign">Choose your astrology sign:</label>
<select id="sign">
<option value="aries">Aries</option>
<option value="taurus">Taurus</option>
<option value="gemini">Gemini</option>
<option value="cancer">Cancer</option>
<option value="leo">Leo</option>
<option value="virgo">Virgo</option>
<option value="libra">Libra</option>
<option value="scorpio">Scorpio</option>
<option value="sagittarius">Sagittarius</option>
<option value="capricorn">Capricorn</option>
<option value="aquarius">Aquarius</option>
<option value="pisces">Pisces</option>
</select>
<button onclick="getPrediction()">Get Prediction</button>
<p id="prediction"></p>
<script>
function getPrediction() {
const sign = document.getElementById("sign").value;
let prediction = "";
switch (sign) {
case "aries":
prediction = "Today, your assertive nature will shine in your career endeavors...";
break;
case "taurus":
prediction = "Today, Taurus, your steadfast determination and practical approach will lead to significant progress in your professional endeavors...";
break;
case "gemini":
prediction = "Today, Gemini, your adaptability and quick thinking will set you apart in the workplace...";
break;
case "cancer":
prediction = "Today, Cancer, emotional intelligence plays a crucial role in your career...";
break;
case "leo":
prediction = "Today, Leo, your natural charisma and confidence will be your greatest assets in the workplace...";
break;
case "virgo":
prediction = "Today, Virgo, today requires attention to detail and meticulous planning in your professional endeavors...";
break;
case "libra":
prediction = "Today, Libra, collaboration and diplomacy are key to your success in the workplace...";
break;
case "scorpio":
prediction = "Today, Scorpio, strategic thinking and resourcefulness are essential in your career endeavors...";
break;
case "sagittarius":
prediction = "Today, Sagittarius, your optimism and enthusiasm will inspire others to follow your lead...";
break;
case "capricorn":
prediction = "Today, Capricorn, discipline and perseverance are required in your career pursuits...";
break;
case "aquarius":
prediction = "Today, Aquarius, embrace innovation and originality in your career path...";
break;
case "pisces":
prediction = "Today, Pisces, trust your instincts and follow your heart when making professional decisions...";
break;
default:
prediction = "Please select an astrology sign.";
}
document.getElementById("prediction").innerText = prediction;
}
</script>We hope that you enjoy this script! It can be great if you have a website that shares psychic or astrological predictions.