Идентификатор setValues ​​уже объявлен " - PullRequest
0 голосов
/ 18 июня 2020

Я учусь программировать, и я столкнулся с этой проблемой, из-за которой я не могу заставить работать другой скрипт. Я пытался вызвать их из каталога, но это тоже не сработало. Если я запускаю их по отдельности, если они работают, а вместе - нет. Я переименовал переменную, но похоже, что она тоже не работает

Могут ли они помочь мне узнать, почему один из скриптов не работает?

const tiempo = {
  "0": [159, 38, 18],
  "1": [453, 77, 35],
  "2": [22, 5, 3, 2]
};

const setValues = () => {
  const ti = document.getElementById("valores").value;

  document.getElementById("prestamos").textContent = tiempo[ti][0];
  document.getElementById("electrodomesticos").textContent = tiempo[ti][1];
  document.getElementById("internet").textContent = tiempo[ti][2];
};

// setting values initially
setValues();
const sampleData = {
  "0": [435, 234, 38, 84],
  "1": [55, 35, 30, 15],
  "2": [22, 18, 15, 6],
  "3": [12, 10, 10, 2],
  "4": [8, 8, 7, 1],
  "5": [4, 3, 2, 0]
};

const setValues = () => {
  const val = document.getElementById("selection").value;

  document.getElementById("new-orders").textContent = sampleData[val][0];
  document.getElementById("in-process").textContent = sampleData[val][1];
  document.getElementById("approved").textContent = sampleData[val][2];
  document.getElementById("rejected").textContent = sampleData[val][3];
};

// setting values initially
setValues();
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous" />
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<div class="d-md-flex align-items-center">

  <div class="ml-auto d-flex no-block align-items-center">
    <div class="dl">
      <select class="custom-select" id="valores" onchange="setValues()">
        <option value="0" selected>Semana</option>
        <option value="1">Mes</option>
        <option value="2">Dia</option>
      </select>
    </div>
  </div>
</div>
<!-- Row -->
<div class="row">
  <!-- Column -->
  <div class="col-lg-4 col-md-6">
    <div class="card bg-info">
      <div class="d-flex flex-row">
        <div class="p-10">
          <h3 class="text-white box m-b-0"><i class="far fa-money-bill-alt"></i></h3>
        </div>
        <div class="text-white align-self-center p-10">
          <h3 class="m-b-0" id="prestamos">159</h3>
          <span class="text-white">Préstamos</span>
        </div>
      </div>
    </div>
  </div>
  <!-- Column -->
  <!-- Column -->
  <div class="col-lg-4 col-md-6">
    <div class="card bg-success">
      <div class="d-flex flex-row">
        <div class="p-10">
          <h3 class="text-white box m-b-0"><i class="ti-home"></i></h3>
        </div>
        <div class="text-white align-self-center p-10">
          <h3 class="m-b-0" id="electrodomesticos">38</h3>
          <span class="text-white">Electrodomésticos</span>
        </div>
      </div>
    </div>
  </div>
  <!-- Column -->
  <!-- Column -->
  <div class="col-lg-4 col-md-6">
    <div class="card bg-secondary">
      <div class="d-flex flex-row">
        <div class="p-10">
          <h3 class="text-white box m-b-0"><i class="ti-signal"></i></h3>
        </div>
        <div class="text-white align-self-center p-10">
          <h3 class="m-b-0" id="internet">18</h3>
          <span class="text-white">Internet</span>
        </div>
      </div>
    </div>
  </div>
  <!-- Column -->

</div>
<!-- End Row -->
<div class="card">
  <div class="card-body p-b-0 p-t-0">
    <div class="d-md-flex align-items-center">
      <div class="ml-auto d-flex no-block align-items-center">
        <div class="dl">
          <select class="custom-select" id="selection" onchange="setValues()">
            <option value="0" selected>Préstamos</option>
            <option value="1">Electrodomésticos</option>
            <option value="2">Internet</option>
            <option value="3">TV cable</option>
            <option value="4">Portabilidad</option>
            <option value="5">Seguros odontológicos</option>
          </select>
        </div>

      </div>
    </div>
  </div>
</div>

</div>
</div>
<div class="row">
  <div class="col-lg-3 col-md-6">
    <div class="card bg-info">
      <div class="card-body">
        <div class="d-flex">
          <div>
            <h3 class="card-title text-white">Nuevas órdenes</h3>
          </div>

        </div>
        <div class="d-flex no-block align-items-center text-white">
          <a href="JavaScript: void(0);"><i class="display-6 ti-check-box text-white" title="AMP"></i></a>
          <div class="m-l-20 m-t-5">
            <span class="display-4 font-medium" id="new-orders">368</span>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="col-lg-3 col-md-6">
    <div class="card bg-warning">
      <div class="card-body">
        <div class="d-flex">
          <div>
            <h3 class="card-title text-white">En proceso</h3>
          </div>
        </div>
        <div class="d-flex no-block align-items-center text-white">
          <a href="JavaScript: void(0);"><i class="display-6 ti-timer text-white" title="AMP"></i></a>
          <div class="m-l-20 m-t-5">
            <span class="display-4 font-medium" id="in-process">257</span>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="col-lg-3 col-md-6">
    <div class="card bg-success">
      <div class="card-body">
        <div class="d-flex">
          <div>
            <h3 class="card-title text-white">Aprobadas</h3>
          </div>
        </div>
        <div class="d-flex no-block align-items-center text-white">
          <a href="JavaScript: void(0);"><i class="display-6 far fa-thumbs-up text-white" title="AMP"></i></a>
          <div class="m-l-20 m-t-5">
            <span class="display-4 font-medium" id="approved">368</span>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- Column -->
  <!-- Column -->
  <div class="col-lg-3 col-md-6">
    <div class="card bg-danger">
      <div class="card-body">
        <div class="d-flex">
          <div>
            <h3 class="card-title text-white">Rechazadas</h3>
          </div>

        </div>
        <div class="d-flex no-block align-items-center text-white">
          <a href="JavaScript: void(0);"><i class="display-6 fas fa-thumbs-down text-white" title="AMP"></i></a>
          <div class="m-l-20 m-t-5">
            <span class="display-4 font-medium" id="rejected">368</span>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- Column -->
</div>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...