ארטיקלען

דזשאַוואַסקריפּט עקסערסייזיז מיט אַ לייזונג פֿאַר באַסיק דזשאַוואַסקריפּט טריינינג לויף

רשימה פון דזשאַוואַ שריפט עקסערסייזיז מיט אַ לייזונג פֿאַר באַסיק דזשאַוואַ טריינינג לויף.

די נומערינג פון די געניטונג איז ינדיקייץ די מדרגה פון שוועריקייט, פון די סימפּלאַסט צו די מערסט קאָמפּליצירט. אויב איר האָט באַמערקונגען, פֿראגן אָדער פֿירלייגן: שרייַבן צו אונדז אין אינפֿאָרמאַציע @bloginnovazione.it

עקסערסייז 1: שרייב אַ HTML בלאַט מיט אַ פּאַראַגראַף מיט דעם זאַץ:

אַלץ וואָס קען גיין פאַלש וועט גיין פאַלש

מיט דזשאַוואַסקריפּט אַקטאַווייט עטלעכע געשעענישן:

- אָנקליק: שטעלן דרייסט פֿאַר די טעקסט און געל פֿאַר די הינטערגרונט
- אויף מאָוסעאָווער: שטעלן אַנדערליין פֿאַר די טעקסט און מאַראַנץ פֿאַר די הינטערגרונט
- onmouseout: שטעלן 16 פּקס שריפֿט פֿאַר טעקסט און ליכט בלוי פֿאַר הינטערגרונט

<!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: שרייב אַ HTML בלאַט מיט פיר עלעמענטן עריינדזשד אויף דרייַ שורות אין די צענטער פון די בלאַט (כאָריזאַנטאַלי)

- אין דער ערשטער שורה צוויי אַרייַנשרייַב טעקסט זייַט ביי זייַט און ספּייסט באַזונדער
- אין די רגע רודערן אַ קנעפּל מיט די '+' אָפּעראַטאָר, ווען איר קליקט אויף דעם קנעפּל (אָנקליק געשעעניש), איר מוזן לייענען די צוויי אַרייַנשרייַב פעלדער פון דער ערשטער רודערן, לייגן זיי און שרייַבן די רעזולטאַט אין די פּאַראַגראַף פון די דריט רודערן
– אין דער דריטער שורה אַ פּאַראַגראַף

שרייַבן די js קאָד אין אַ פונדרויסנדיק טעקע צו אַרייַנפיר אין די HTML דורך src צו אַרייַנלייגן אין די אָפּטיילונג

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