Məqalələr

Əsas JavaScript təlim kursu üçün həlli ilə JavaScript məşqləri

Java Basic təlim kursu üçün həlli ilə java skript tapşırıqlarının siyahısı.

Məşqin nömrələnməsi ən sadədən ən mürəkkəbinə qədər çətinlik səviyyəsini göstərir. Hər hansı bir şərhiniz, sualınız və ya təklifiniz varsa: info @ ünvanına yazın.bloginnovazione.it

Tapşırıq 1: Cümləsi olan paraqrafı ehtiva edən html səhifəsini yazın:

Səhv ola biləcək hər şey səhv gedəcək

javascript ilə bəzi hadisələri tetikler:

– onclick : mətn üçün qalın və fon üçün sarı seçin
– mouseover : mətn üçün altı xətt çəkilmiş və fon üçün narıncı seçin
– onmouseout : mətn üçün 16px şrift və fon üçün açıq mavi şrift təyin edin

<!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" >

İş 2: Səhifənin mərkəzində üç sətirdə düzülmüş dörd elementdən ibarət html səhifəsinin yazılması (üfüqi)

– birinci cərgədə yan-yana və bir-birindən aralı iki daxiletmə mətni
– ikinci sətirdə '+' operatoru olan düymə, düyməni kliklədikdə (onclick hadisəsi) birinci sətrin iki giriş sahəsini oxumalı, onları əlavə etməli və nəticəni üçüncü sətrin paraqrafına yazmalısınız.
– üçüncü sətirdə abzas

bölməyə daxil etmək üçün src vasitəsilə html-ə idxal etmək üçün js kodunu xarici fayla yazın

<!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