آموزش جاوا اسکریپت(javascript)-کتابخانه ها و فریمورک ها

سپتامبر 18, 2021 در 11:17 ق.ظ #58780

مدیرکل

سلام
من سورس کد رو ندارم.در ادامه سورس کد یکی از دانشجوهای دوره رو میزارم که کار میکنه به درستی و میتونید کد خودتون رو باهاش مقایسه کنید

let val;
let val2;
let width = 700;
function increase(){
    clearInterval(val2)
    val = setInterval(up,20)
}
function up(){
    if(width < 800){
        width = width + 2
        document.getElementById(&#039;img1&#039;).width = width
    }
    else{
        clearInterval(val)
    }
}
function decrease(){
    clearInterval(val)
    val2 = setInterval(bot,20)
}
function bot(){
    if(width > 700){
        width = width - 2
        document.getElementById(&#039;img1&#039;).width = width
    }
    else{
        clearInterval(val2)
    }
}

let val;

let val2;

let width = 700;

function increase(){

clearInterval(val2)

val = setInterval(up,20)

}

function up(){

if(width < 800){

width = width + 2

document.getElementById('img1').width = width

}

else{

clearInterval(val)

}

function decrease(){

clearInterval(val)

val2 = setInterval(bot,20)

}

function bot(){

if(width > 700){

width = width - 2

document.getElementById('img1').width = width

}

else{

clearInterval(val2)

}

<!DOCTYPE html>
<html lang=&quot;en&quot;>
<head>
    <meta charset=&quot;UTF-8&quot;>
    <meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=edge&quot;>
    <meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;>
    <script src=&quot;5.js&quot;></script>
    <title>Document</title>
</head>
<body>
    
    <img id=&quot;img1&quot; src=&quot;27.jfif&quot; alt=&quot;&quot; onmouseover=&quot;increase()&quot; onmouseout=&quot;decrease()&quot; width=&quot;700px&quot; height=&quot;550px&quot;>

</body>
</html>

<!DOCTYPE html>

<head>

<title>Document</title>

</head>

<body>

</body>

</html>