task-javascript-price/index.html at master · Khalifa5000/task-javascript-price · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<!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>task-javascript-price</title>
    <link rel="stylesheet" href="css/style.css"/>
</head>
<body>
<h1>Mobile Shop</h1>
    <div class="container">
        <div class="content">
            <div class="products-list">
                <h2>Choose Your Mobile</h2>
                <ul class="list">
                <li price= "40000"> I Phone 14 Pro<img src="images/Apple-iPhone-14-Plus.jpg" width="40" height="40" draggable="false"> </li>
                <li price= "15000">Hwawei Y9<img src="images/huawei_nova_9_se_---blue_1_.jpg" width="40" height="40" draggable="false"></li>
                <li price = "9000"> Galaxy A13<img src="images/615VX87QvJL._AC_SX679_.jpg" width="40" height="40" draggable="false"></li>
                <li price = "7000"> Infinix Note 11 <img src="images/Infinix-Note-11.jpg" width="40" height="40" draggable="false"></li>
                <li price = "5000"> Vivo Y20<img src="images/mv845-1.jpg" width="40" height="40" draggable="false"></li>
                <li price = "4000"> Readme 10A<img src="images/Xiaomi-Redmi-10-2022.jpg" width="40" height="40" draggable="false"></li>
              </ul>
            </div><!-- products-list -->
              <div id="choose">
                <h2>Your cart </h2>
            </div><!-- choose -->
              <div class="product-item">
                 <button id="product-price"> Show Price</button>
                      <div id="show-price">
                      </div><!-- show-price -->
              </div><!-- product-item -->
        </div><!-- content -->
    </div><!-- container -->

    <script src="js/script.js"></script>
</body>
</html>