Cognizant is now conducting off-campus recruitment for 2024 engineering graduates. Eligible candidates must possess a B.E., B.Tech, M.E., or M.Tech degree, with the exception of specializations in Leather Technology, Food Technology, Fashion Technology, and related streams. Selected candidates will have the opportunity to work at one of our locations, including Chennai, Bangalore, Hyderabad, Kolkata, Pune, Coimbatore, Kochi, Bhubaneswar, and Indore.
Please review the detailed eligibility criteria and application process provided
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Beautiful Calculator</title>
<style>
body {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
background: linear-gradient(135deg, #ff9a9e, #fad0c4);
font-family: Arial, sans-serif;
}
.calculator {
background: white;
padding: 20px;
border-radius: 10px;
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
text-align: center;
}
.display {
width: 100%;
height: 50px;
font-size: 2em;
text-align: right;
border: none;
background: #f7f7f7;
margin-bottom: 10px;
padding: 10px;
border-radius: 5px;
}
.buttons {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 10px;
}
button {
width: 60px;
height: 60px;
font-size: 1.5em;
border: none;
background: #ff7eb3;
color: white;
border-radius: 5px;
cursor: pointer;
transition: 0.3s;
}
button:hover {
background: #ff5277;
}
</style>
</head>
<body>
<div class="calculator">
<input type="text" class="display" id="display" disabled>
<div class="buttons">
<button onclick="clearDisplay()">C</button>
<button onclick="appendValue('/')">/</button>
<button onclick="appendValue('*')">*</button>
<button onclick="appendValue('-')">-</button>
<button onclick="appendValue('7')">7</button>
<button onclick="appendValue('8')">8</button>
<button onclick="appendValue('9')">9</button>
<button onclick="appendValue('+')">+</button>
<button onclick="appendValue('4')">4</button>
<button onclick="appendValue('5')">5</button>
<button onclick="appendValue('6')">6</button>
<button onclick="calculateResult()">=</button>
<button onclick="appendValue('1')">1</button>
<button onclick="appendValue('2')">2</button>
<button onclick="appendValue('3')">3</button>
<button onclick="appendValue('0')">0</button>
</div>
</div>
<script>
function appendValue(value) {
document.getElementById("display").value += value;
}
function clearDisplay() {
document.getElementById("display").value = "";
}
function calculateResult() {
try {
document.getElementById("display").value = eval(document.getElementById("display").value);
} catch (e) {
alert("Invalid Input");
}
}
</script>
</body>
</html>