عدم اجرای کد‌های اسکریپت

جامعه‌ها وبلاگ شروع یادگیری برنامه نویسی

سلام دکمه باتن کار نمی‌کند نمی‌دانم چرا همه کد‌ها را با استاد جلو بردم

<!DOCTYPE html>
<html lang="en" >
<head>
  <meta charset="UTF-8">
  <title>CodePen - Task manager UI</title>
  <link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
<!-- partial:index.partial.html -->
<div class="page">
  <div class="pageHeader">
    <div class="title">Dashboard</div>
    <div class="userPanel"><i class="fa fa-chevron-down"></i><span class="username">John Doe </span><img src="https://s3.amazonaws.com/uifaces/faces/twitter/kolage/73.jpg" width="40" height="40"/></div>
  </div>
  <div class="main">
    <div class="nav">
      <div class="searchbox">
        <div><i class="fa fa-search"></i>
          <input type="search" placeholder="Search"/>
        </div>
      </div>
      <div class="menu">
        <div class="title">Folders</div>
        <ul>
          <?php foreach($folders as $folder): ?>
          <li>
          <a style="text-decoration: none;color: #54b9cd;" href="?folder_id=<?= $folder->id ?>"><i class="fa fa-folder"></i><?= $folder->name ?></a>
          <a style="text-decoration: none;color: #54b9cd;" href="?delet_folder=<?= $folder->id ?>"><i class="remove" style="  color: red!important; float: right!important; font-weight: 200!important; padding-right: 5px!important; :hover font-weight: 700!important;">x</i></a>
          </li>
          <?php endforeach;?>
          <li class="active"> <i class="fa fa-folder"></i>curent folder</li>
        </ul>
      </div>
      <div>
          <input type="text" id="addFolderInput" style="width: 65%;margin-left:3%;" placeholder="add new folder"  />
          <button id="addFolderBtn" class="btn clickable">+</button>
      </div>
    </div>
    <div class="view">
      <div class="viewHeader">
        <div class="title">Manage Tasks</div>
        <div class="functions">
          <div class="button active">Add New Task</div>
          <div class="button">Completed</div>
          <div class="button inverz"><i class="fa fa-trash-o"></i></div>
        </div>
      </div>
      <div class="content">
        <div class="list">
          <div class="title">Today</div>
          <ul>
            <li class="checked"><i class="fa fa-check-square-o"></i><span>Update team page</span>
              <div class="info">
                <div class="button green">In progress</div><span>Complete by 25/04/2014</span>
              </div>
            </li>
            <li><i class="fa fa-square-o"></i><span>Design a new logo</span>
              <div class="info">
                <div class="button">Pending</div><span>Complete by 10/04/2014</span>
              </div>
            </li>
            <li><i class="fa fa-square-o"></i><span>Find a front end developer</span>
              <div class="info"></div>
            </li>
          </ul>
        </div>
        <div class="list">
          <div class="title">Tomorrow</div>
          <ul>
            <li><i class="fa fa-square-o"></i><span>Find front end developer</span>
              <div class="info"></div>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- partial -->
  <script src='//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script><script  src="assets/js/script.js"></script>
  <script>
  $(document).ready(function(){
    $('#addFolderBtn').click(function(e){
      let input = $('input#addFolderInput');
      console.log(input);
    });
  });
</script>
</body>
</html>

حسینی ۲۲ آبان ۱۴۰۲، ۱۱:۲۸

Failed to load resource: the server responded with a status of 403 (Forbidden)
2UeGfhZ.jpg:1

Failed to load resource: net::ERR_CONNECTION_REFUSED

درون consol این ارور‌ها میاد

حسینی ۲۲ آبان ۱۴۰۲، ۱۱:۴۱

سلام،

خطاهایی که در کنسول میبینید رو میتونید از روی شماره لاین به همان خط در کد بروید تا متوجه خطا شوید. برای مثال یکی از خطاها اشاره به لاین 83 دارید، جایی که آدرس یک اسکریپت رو قرار دادید، این لینک باز نمیشود و علتشم اشتباه بودن فرمت لینک است و لینکو ناقص کپی کردید. به این شکل بذارید:

https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js

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

خطای دیگری هم وجود دارد مربوط به آدرس تصویری که در سورس قرار دادید و صفحه اون تصویر ظاهرا وجود ندارد.

لینک جیکوئری رو اصلاح کنید تا بتونید کد مربوط به جیکوئری رو اجرا کرده و لاگ بگیرید.

بقیه ی مواردی که لینک‌ها لود نمیشوند رو یا حذف کنید یا اصلاح کنید. البته بقیه لینکها تاثیری در اجرای کد جیکوئری شما ندارد. لینک مربوط به جیکوئری برای شما اهمیت دارد.

بهترین پاسخ

محسن موحد ۲۳ آبان ۱۴۰۲، ۰۸:۱۲