Name: Note at 2:52
Uploaded: 2020-12-15T06:33:51.787Z
Description: Note at 2:52

scrimba

Watch in fullscreen

Note at 2:52

by Bishnu Prasad Chowdhury

About

Comments

Notes

Note at 2:52

by Bishnu Prasad Chowdhury

Expand for more info

index.js

run

preview

console

// javascript
let g = document.querySelector(".gallery")
let n = document.querySelector(".next")
let p = document.querySelector(".previous")
let x = 0

p.addEventListener("click", () => {
    if (x < 0) {
        x = x + 220;
    }
   
    g.style.transform = `translate(${x}px)`
});


n.addEventListener("click", () => {    
    if (x > -880) {
        x = x - 220;
    }

    g.style.transform = `translate(${x}px)`
});

// javascript

let g = document.querySelector(".gallery")

let n = document.querySelector(".next")

let p = document.querySelector(".previous")

let x = 0

p.addEventListener("click", () => {

if (x < 0) {

x = x + 220;

}

g.style.transform = `translate(${x}px)`

});

n.addEventListener("click", () => {

if (x > -880) {

x = x - 220;

}

g.style.transform = `translate(${x}px)`

});

LIVE