mmj-sys
4 سال پیش توسط mmj-sys مطرح شد
2 پاسخ

مشکل من در جاوا اسکریپت

سلام مشکلش چیه ؟؟


<!-- table  -->
<table class="table table-striped .table-dark" >
    <thead id="tabel">
        <tr>
            <th scope="col" > شماره </th>
            <th scope="col" > کالا</th> 
            <th scope="col" > قیمت </th>
            <th scope="col" > واحد / تعداد </th>
            <th scope="col" > فروشنده </th>
        </tr>
    </thead>
  </table>
  <script>
            var val = { name : "roghan" , price : "1000,000" ,  unit : "garam" , seller : "mostofa" , date : "1400/1/1"}
            var table = document.getElementById("table");
            var row = table.insertRow(1);
            var th_1 = row.insertCell(0);
            var th_2 = row.insertCell(1);
            var th_3 = row.insertCell(2);
            var th_4 = row.insertCell(3);
            var th_5 = row.insertCell(4);
            th_1.innerHTML = val.name;
            th_2.innerHTML = val.price;
            th_3.innerHTML = val.unit;
            th_4.innerHTML = val.seller;
            th_5.innerHTML = val.date;

  </script>
  <!-- end table  -->

چند روزه باهاش مشکل دارم . تیبل لود میشه اما اسکریپت انگار وجود نداره


ثبت پرسش جدید
میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 4 سال پیش مطرح شد
0

این رو بنویس، درست کار می کنه:

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Bootstrap Example</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</head>
<body>

<!-- table  -->
<table id="tb1" class="table table-striped .table-dark" >
    <thead >
        <tr>
            <th scope="col" > شماره </th>
            <th scope="col" > کالا</th> 
            <th scope="col" > قیمت </th>
            <th scope="col" > واحد / تعداد </th>
            <th scope="col" > فروشنده </th>
        </tr>

    </thead>
  </table>
  <script>
            var val = { name : "roghan" , price : "1000,000" ,  unit : "garam" , seller : "mostofa" , date : "1400/1/1"};
            console.log(val);
            var table = document.getElementById("tb1");
            console.log(table);

            var row = table.insertRow(1);
            var th_1 = row.insertCell(0);
            var th_2 = row.insertCell(1);
            var th_3 = row.insertCell(2);
            var th_4 = row.insertCell(3);
            var th_5 = row.insertCell(4);

            th_1.innerHTML = val.name;
            th_2.innerHTML = val.price;
            th_3.innerHTML = val.unit;
            th_4.innerHTML = val.seller;
            th_5.innerHTML = val.date;

  </script>
  <!-- end table  -->

</body>
</html>

میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 4 سال پیش مطرح شد
1

مشکلت این بود که شناسه رو با غلط املایی نوشتی: tabel
این رو درست کن و بنویس: table


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام