Zimanî babet

Tevgerên JavaScript-ê bi çareseriyê re ji bo qursa perwerdehiya bingehîn a JavaScript-ê

Navnîşa temrînên skrîpta java bi çareseriya qursa perwerdehiya Java Basic.

Jimarkirina werzîşê ji ya herî hêsan heya ya herî tevlihev asta dijwariyê nîşan dide. Ger şîrove, pirs an pêşniyarên we hebin: ji me re binivîsin info @bloginnovazione.it

Bikarhêner 1: Rûpelek html ku tê de paragrafek bi hevokê re tê de binivîsîne:

Tiştê ku dikare xelet bibe dê xelet bibe

bi javascript re hin bûyeran çêdikin:

- onclick: ji bo nivîsê stûr û ji bo paşxanê zer destnîşan bikin
- onmouseover : ji bo nivîsê binêxêzkirî û ji bo paşxanê jî porteqalî destnîşan kirin
- onmouseout : ji bo nivîsê tîpên 16 px û ji bo paşxanê şînahiya sivik destnîşan bikin

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

Bizav 2: Nivîsandina rûpelek html-ê ya bi çar hêmanên ku li ser sê rêzan di navenda rûpelê de hatine rêz kirin (bi astî)

- Di rêza yekem de du nivîsên têketinê li kêleka hev û ji hev dûr dikevin
- di rêza duyemîn de bişkokek bi operatorê '+', dema ku hûn li ser bişkojkê bitikînin (bûyera klîk) divê hûn du qadên têketina rêza yekem bixwînin, lê zêde bikin û encamê di paragrafa rêza sêyemîn de binivîsin.
- di rêza sêyemîn de paragrafek

koda js-ê di pelek derveyî de binivîsin da ku bi navgîniya src-ê têxin nav html-ê da ku têxin beşê

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