1. Приклади сайтів створених на платформі Google
https://www.avoxarchitects.co.za/ - архітектурна студія
https://sites.google.com/view/ddkbmta-info/%D0%BF%D1%80%D0%B0%D0%BA%D1%82%D0%B8%D1%87%D0%BD%D1%96?authuser=0 - методичні рекомендації для студентів
https://sites.google.com/view/54-school/9-%D0%BA%D0%BB%D0%B0%D1%81?authuser=0 - сайт вчителя інформатики
https://sites.google.com/view/kzzso/%D0%BC%D0%B0%D1%82%D0%B5%D1%80%D1%96%D0%B0%D0%BB%D0%B8-%D0%B4%D0%BB%D1%8F-%D0%BA%D0%BE%D0%BB%D0%B5%D0%B3?utm_source=chatgpt.com - сайт закладу освіти
Вітжет калькулятор
<!DOCTYPE html>
<html lang="uk">
<head>
<meta charset="UTF-8">
<title>Калькулятор</title>
<style>
body {
font-family: Arial, sans-serif;
background: #f4f4f4;
}
.calculator {
width: 260px;
margin: 20px auto;
padding: 15px;
background: #ffffff;
border-radius: 12px;
box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}
.display {
width: 100%;
height: 45px;
font-size: 20px;
text-align: right;
padding: 5px;
margin-bottom: 10px;
border: 1px solid #ccc;
border-radius: 6px;
}
.buttons {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 8px;
}
button {
height: 45px;
font-size: 18px;
border: none;
border-radius: 6px;
cursor: pointer;
background: #e0e0e0;
}
button.operator {
background: #ffd54f;
}
button.equal {
background: #4caf50;
color: white;
grid-column: span 2;
}
button.clear {
background: #f44336;
color: white;
}
button:hover {
opacity: 0.85;
}
</style>
</head>
<body>
<div class="calculator">
<input type="text" id="display" class="display" disabled>
<div class="buttons">
<button class="clear" onclick="clearDisplay()">C</button>
<button onclick="appendValue('(')">(</button>
<button onclick="appendValue(')')">)</button>
<button class="operator" onclick="appendValue('/')">÷</button>
<button onclick="appendValue('7')">7</button>
<button onclick="appendValue('8')">8</button>
<button onclick="appendValue('9')">9</button>
<button class="operator" onclick="appendValue('*')">×</button>
<button onclick="appendValue('4')">4</button>
<button onclick="appendValue('5')">5</button>
<button onclick="appendValue('6')">6</button>
<button class="operator" onclick="appendValue('-')">−</button>
<button onclick="appendValue('1')">1</button>
<button onclick="appendValue('2')">2</button>
<button onclick="appendValue('3')">3</button>
<button class="operator" onclick="appendValue('+')">+</button>
<button onclick="appendValue('0')">0</button>
<button onclick="appendValue('.')">.</button>
<button class="equal" onclick="calculate()">=</button>
</div>
</div>
<script>
function appendValue(value) {
document.getElementById('display').value += value;
}
function clearDisplay() {
document.getElementById('display').value = '';
}
function calculate() {
try {
document.getElementById('display').value =
eval(document.getElementById('display').value);
} catch {
document.getElementById('display').value = 'Помилка';
}
}
</script>
</body>
</html>
