Statistics
We looked inside some of the posts by bobagibinorthelk and here's what we found interesting.
Average Info
Notes Per Post
4
Likes Per Post
4
Reblog Per Post
0
Reply Per Post
0
Time Between Posts
8 days
Number of Posts By Type
Text
17
Last Seen Tumblr Blogs
Fun Fact
Tumblr.com rank in the US is 25.
Text
Hesap Makinesi
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hesap Makinesi</title>
<style>
.calculator {
width: 300px;
margin: 50px auto;
padding: 20px;
background-color: #f0f0f0;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.display {
width: 100%;
height: 50px;
margin-bottom: 10px;
padding: 10px;
font-size: 24px;
text-align: right;
border: none;
background-color: #fff;
border-radius: 5px;
}
.buttons {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 5px;
}
button {
padding: 15px;
font-size: 18px;
border: none;
border-radius: 5px;
background-color: #fff;
cursor: pointer;
transition: background-color 0.2s;
}
button:hover {
background-color: #e0e0e0;
}
.operator {
background-color: #ff9500;
color: white;
}
.operator:hover {
background-color: #e08500;
}
.clear {
background-color: #ff3b30;
color: white;
}
.clear:hover {
background-color: #e0352b;
}
</style>
</head>
<body>
<div class="calculator">
<input type="text" class="display" readonly>
<div class="buttons">
<button class="clear">C</button>
<button class="operator">(</button>
<button class="operator">)</button>
<button class="operator">/</button>
<button>7</button>
<button>8</button>
<button>9</button>
<button class="operator">*</button>
<button>4</button>
<button>5</button>
<button>6</button>
<button class="operator">-</button>
<button>1</button>
<button>2</button>
<button>3</button>
<button class="operator">+</button>
<button>0</button>
<button>.</button>
<button class="operator">=</button>
</div>
</div>
<script>
const display = document.querySelector('.display');
const buttons = document.querySelectorAll('button');
let calculation = '';
buttons.forEach(button => {
button.addEventListener('click', () => {
const value = button.textContent;
if (value === 'C') {
calculation = '';
display.value = '';
}
else if (value === '=') {
try {
calculation = eval(calculation);
display.value = calculation;
} catch {
display.value = 'Hata';
calculation = '';
}
}
else {
calculation += value;
display.value = calculation;
}
});
});
// Klavye desteği
document.addEventListener('keydown', (event) => {
const key = event.key;
if ((key >= '0' && key <= '9') || key === '.' || key === '+' ||
key === '-' || key === '*' || key === '/' || key === '(' || key === ')') {
calculation += key;
display.value = calculation;
}
else if (key === 'Enter' || key === '=') {
try {
calculation = eval(calculation);
display.value = calculation;
} catch {
display.value = 'Hata';
calculation = '';
}
}
else if (key === 'Escape') {
calculation = '';
display.value = '';
}
});
</script>
</body>
</html>
0 notes
Text
So where did that milk come from? (suspicious and sus)
0 notes
