Articles

JavaScript maekisesaizi ane mhinduro yeBasic JavaScript yekudzidziswa kosi

Rondedzero yejava script maekisesaizi ane mhinduro yeJava Basic yekudzidziswa kosi.

Kuverengera kwechiitwa kunoratidza mwero wekuomerwa, kubva pane zviri nyore kusvika kune zvakanyanya kuoma. Kana iwe uine chero mhinduro, mibvunzo kana mazano: nyorera kwatiri info @bloginnovazione.it

Exercise 1: Nyora peji rehtml rine ndima ine mutsara:

Chinhu chipi nechipi chinogona kuipa chinoenda chakaipa

nejavascript inokonzeresa zvimwe zviitiko:

- tinya : isa yakashinga yemavara uye yero yekumashure
- onmouseover: seta yakadhindwa kune iyo chinyorwa uye orenji yekumashure
- onmouseout: isa 16px font yezvinyorwa uye yebhuruu yakatsvuka yekumashure

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

Exercise 2: Kunyora peji rehtml rine zvinhu zvina zvakarongwa pamitsara mitatu iri pakati pepeji (yakatwasuka)

- mumutsara wekutanga mavara maviri ekuisa padivi nepadivi uye akapatsanurwa
-mumutsara wechipiri bhatani rine '+' opareta, paunodzvanya bhatani (tinya chiitiko) unofanirwa kuverenga iwo maviri masimu ekuisa emutsetse wekutanga, wowedzera uye nyora mhedzisiro mundima yechitatu mutsara.
- mumutsara wechitatu ndima

nyora iyo js kodhi mune yekunze faira kupinza muhtml kuburikidza ne src kuisa muchikamu

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