Penomoran latihan menunjukkan tingkat kesulitan, dari yang paling sederhana hingga yang paling rumit. Jika Anda memiliki komentar, pertanyaan atau saran: tulis kepada kami di info @bloginnovazione.it
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
function onMouseClick() {
document.getElementById("parag").style.fontWeight = "bold";
document.getElementById("parag").style.backgroundColor = "yellow";
}
function onMouseOverEvent() {
document.getElementById("parag").style.textDecoration = "underline";
document.getElementById("parag").style.backgroundColor = "orange";
}
function onMouseOutEvent() {
document.getElementById("parag").style.fontSize = "16px";
document.getElementById("parag").style.backgroundColor = "lightblue";
}
</script>
</head>
<body>
<p id="parag" >
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
input {
margin: 20px;
margin-bottom: 30px;
}
.box-1 {
display: flex;
justify-content: center;
align-items: center;
}
.box {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 50px;
}
button {
padding: 5px;
width: 75px;
}
.container{
margin: 250px;
}
</style>
<script>
function onClick() {
let num1 = document.getElementById("num1").value;
let num2 = document.getElementById("num2").value;
let result;
if (!isNaN(num1) && !isNaN(num2)) {
result = parseFloat(num1) + parseFloat(num2);
} else {
result = num1 + num2;
}
document.getElementById("result").innerHTML = result;
}
</script>
</head>
<body>
<div class="container">
<div class="box-1">
<input id="num1" type="text" placeholder="Insert num or text . . .">
<input id="num2" type="text" placeholder="Insert num or text . . .">
</div>
<div class="box">
<button >
BlogInnovazione.it
Penyusupan email perusahaan meningkat lebih dari dua kali lipat dalam tiga bulan pertama tahun 2024 dibandingkan dengan kuartal terakhir…
Prinsip segregasi antarmuka adalah salah satu dari lima prinsip SOLID desain berorientasi objek. Sebuah kelas seharusnya memiliki…
Microsoft Excel adalah alat referensi untuk analisis data, karena menawarkan banyak fitur untuk mengatur kumpulan data,…
Walliance, SIM dan platform di antara para pemimpin di Eropa dalam bidang Real Estate Crowdfunding sejak 2017, mengumumkan penyelesaian…
Filament adalah kerangka pengembangan Laravel yang "dipercepat", menyediakan beberapa komponen full-stack. Hal ini dirancang untuk menyederhanakan proses…
«Saya harus kembali untuk menyelesaikan evolusi saya: Saya akan memproyeksikan diri saya ke dalam komputer dan menjadi energi murni. Setelah menetap di…
Google DeepMind memperkenalkan versi yang lebih baik dari model kecerdasan buatannya. Model baru yang ditingkatkan tidak hanya menyediakan…
Laravel, yang terkenal dengan sintaksisnya yang elegan dan fitur-fiturnya yang canggih, juga memberikan landasan yang kokoh untuk arsitektur modular. Di sana…