[Tanya] Bagaimana menghitung width box dengan loop?

Beranda
Komunitas
Tech
Website, Webmaster, Webdeveloper
[Tanya] Bagaimana menghitung width box dengan loop?

natasha.rana

30-01-2019 17:29

[Tanya] Bagaimana menghitung width box dengan loop?

Halo gan, mau tanya nih soal javascipt

Gimana caranya menghitung width dari box pertama hingga box yang kita klik?
Misal kita klik box yang warna kuning, maka width box yang dari pertama (merah) hingga box kuning akan dijumlah

200 + 150 + 180 + 120 maka hasilnya 650
[Tanya] Bagaimana menghitung width box dengan loop?

Dan jika saya klik box warna hijau akan berjumlah 530
[Tanya] Bagaimana menghitung width box dengan loop?

Tolong gan kalo bisa bantu

Spoiler for code:

Code:

<html>

</head>

<style>

.centerDiv

{

width: 100%;

height:200px;

margin: 0 auto;

}

.div-click

{

height:200px;

float:left;

}

.div1

{

width: 200px;

background-color:#fe0000 ;

}

.div2

{

width: 150px;

background-color:#0036fe ;

}

.div3

{

width: 180px;

background-color:#00fe36 ;

}

.div4

{

width: 120px;

background-color:#fecb00 ;

}

.div5

{

width: 130px;

background-color:#fe00e3 ;

}

.div6

{

width: 140px;

background-color:#5a4c54 ;

}

</style>

</head>

<body>

<div class="centerDiv">

<div class="div-click div1">

</div>

<div class="div-click div2">

</div>

<div class="div-click div3">

</div>

<div class="div-click div4">

</div>

<div class="div-click div5">

</div>

<div class="div-click div6">

</div>

</div>

[removed][removed]



[removed]

$(document).ready(function() {

    $('.div-click').click(function(e){

           $(this).outerWidth();

           alert($(this).outerWidth());

    });

});

[removed]

</body>

<html>

Mudahnya
[url=https://S E N S O R/r8kchat1/1/]https://S E N S O R/r8kchat1/1/[/url]

emoticon-Cendol (S)

390

Kutip

Balasan

Komentar yang asik ya

Urutan

Terbaru

Terlama

Komentar yang asik ya

Komunitas Pilihan