Алексей Леонтьев's questions

需要创建一个div，其中包含产品的价格及其名称，这样当您点击某个div时，其价格会反映在段落中，而当选择多个div时，总金额会写入段落中

到目前为止，我的头脑只够做到这一点：

  
  let p = document.querySelector("p");
  let arr = [];
  let divs = document.querySelectorAll("div");
  for (const div of divs) {
    div.addEventListener("click", function () {
      if (div.click) arr.push(div.textContent);
      p.innerHTML = "Итого:" + arr ;
    });
  }

 
  <div>Яблоки: 200</div>
<div>Вишни: 300</div>
<div>Груши: 250</div>
<p></p>

我会立即指出，作业的文本没有解释以什么格式在 html 中创建和排列 div，即可以以对您来说方便且合乎逻辑的方式进行。我目前正在尝试从 div 创建对象并从中获取价格的选项。还有一些想法，但一般都处于思考阶段。

根据我的任务，我需要以下布局：

    <a href="1.html">111</a>
    <a href="2.html">222</a>
    <a href="3.html">333</a>

获取以下对象数组：

[
    {
        text: '111',
        href: '1.html',
    },
    {
        text: '222',
        href: '2.html',
    },
    {
        text: '333',
        href: '3.html',
    },
]

我得到以下代码：

 let arr = [...document.querySelectorAll("a")];// создаю массив из а
    let res = []// создаю массив в который буду пушить результат
  for (const el of arr) { //перербираю все элементы массива
    const obj = Object.fromEntries( // создаю обЪект, в котором буду перебирать массив
      arr.map((text, href) => [ //перебираю массив
        ,  
        {
          text: el.text, // формирую объект
          href: el.href,
        },
      ])
    );
   res.push(obj) //пушу объект в массив
  }

console.log('res', res)//  результате я получаю объект с двумя уровнями вложенности, которые мне не нужны. 

 <a href="1.html">111</a>
<a href="2.html">222</a>
<a href="3.html">333</a>

我知道我错了，但是使用 entrise 和 fromEntries 对我来说是新的，所以我寻求帮助）

给定以下对象：

let data = {
    2018: {
        11: {
            29: [1, 2, 3],
            30: [4, 5],
        },
        12: {
            30: [6, 7],
            31: [8, 9],
        },
    },
    2019: {
        12: {
            29: [10, 11],
            30: [12, 13],
            31: [14, 15],
        }
    },
}

将该对象的所有元素写入某个数组，如下所示：

[1、2、3、4、5、6、7、8、9、10、11、12、13、14、15]

我雕刻了以下内容：

let res = [];

      for (const elem in data) { // создаю элемент
        sum = (elem) =>
          elem instanceof Object // проверка является ли элемент объектом
            ? Object.values(elem).reduce((acc, n) =>res.concat(acc + sum(n)), 0) // здесь я использую свой опыт по сложению значений массивов, находящихся внутри объектов и чуточку фантазии)
            : res.push(elem);
      }
      console.log(sum(data));

一切都会好的，但是控制台中的结果是这样的： [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, '1,2 ,3,4,5,6,7,8,9,01,2,3,4,5,6,7,8,9,1,2,3,4,5,01,…12,13, 14,15, 1,2,3,4,5,6,7,8,9,10,11,12,13,14,1415']。现在我不明白他为什么要加上这句话）

如果我这样写函数：

        sum = (elem) =>
          elem instanceof Object
            ? Object.values(elem).reduce((acc, n) =>res.concat(sum(n)), 0)
            : res.push(elem);

，然后它打印数字四次。现在继续啃国外的stack、mdn和一本js教材。如果我想到一个好主意，我会纠正它）

给定一个包含带有单词的文本的段落。确保当您单击本段中的任何单词时，该单词将以红色突出显示。

使用 li、input 和其他不会产生任何问题，因为您可以在那里使用querySelectorAll。但文本有问题）我的代码如下（其中一切都是错误的，但仍然）：

let p = document.querySelector("p"); // Получаю доступ к P
p.addEventListener("click", function() { // здесь уже ошибка - я обрабатываю клик по параграфу, а надо по слову:D
  let pText = document
    .querySelector("p")
    .innerText.split(" ") // получаю массив с текстом из параграфа и пытаюсь его перебрать 
    .forEach(
      (word) => ((p.innerHTML = word), (p.style.color = "red")) // Белеберда, в которой я пытался.... добавить слово в параграф... и покрасить параграф в красный цвет. Ну что написал, то и получил) 
    );
});

<p>
  Lorem ipsum dolor sit amet consectetur adipisicing elit. Culpa quod nostrum nemo, quis ipsum officiis cum id, placeat temporibus soluta tenetur consequatur illum vel autem assumenda corrupti dolor molestias consectetur!
</p>

有一个想法可以使用for of来检查它，但这并不能解决问题。我会在等待大师答复的同时尝试）

编写一个程序，生成以下数组：

[
    ['x'],
    ['x', 'x'],
    ['x', 'x', 'x'],
    ['x', 'x', 'x', 'x'],
    ['x', 'x', 'x', 'x', 'x'],
]

我做了什么：

 let arr = []; // Создал массив, в который буду пушить "х"
 for (let i = 0; i < 5; i++) //создал цикл в котором будет 5 итераций подряд
 arr.push("x");
 console.log(arr); // Получил "лестницу" массивов
 }

我不知道如何将循环的每次迭代推入数组中。创建另一个循环？创建另一个数组？

输入给定。年份已输入其中。将给定年份的 13 号所有星期五的日期打印为列表 ul。

我写了以下代码：

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8" />
</head>

<body>
  <input id="input" />
  <ul></ul>
  <script>
    let date = document.getElementById("input");

    let ul = document.querySelector("ul");

    document.getElementById("input").addEventListener("blur", function() {
      let year = date.value;
      let array = [];
      for (let month = 0; month < 12; month++) {
        let d = new Date(year, month, 13);
        if (d.getDay() == 5) {
          array.push(d);
        }
      }
      for (const friday of array) {
        let newListItem = document.createElement("li");
        newListItem.textContent = newListItem.textContent =
          friday.toLocaleString(undefined, {
            day: "numeric",
            month: "long",
          });
        ul.appendChild(newListItem);
      }
    });
  </script>
</body>

</html>

我处理了这个任务，当输入第一年时，会显示 13 号星期五的所有日期，但是如果您输入另一年，另一年的日期将添加到已经输入的日期中（这是正常的，因为当您输入单击按钮，将启动一个功能，创建一个新的 li 并将其添加到列表中）。所以我决定编写以下代码来执行此操作：

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8" />
</head>

<body>
  <input id="input" />
  <ul></ul>
  <script>
    let date = document.getElementById("input");

    let ul = document.querySelector("ul");

    document.getElementById("input").addEventListener("blur", function() {
      let year = date.value;
      let array = [];
      for (let month = 0; month < 12; month++) {
        let d = new Date(year, month, 13);
        if (d.getDay() == 5) {
          array.push(d);
        }
      }
      if (ul.textContent.length === 0) // Проверка на пустоту ul
        for (const friday of array) {
          let newListItem = document.createElement("li"); // создание нового li
          newListItem.textContent = newListItem.textContent =
            friday.toLocaleString(undefined, {
              day: "numeric",
              month: "long",
            });
          ul.appendChild(newListItem); // добавление нового li в список при первой работе функции
        }
      else { // здесь я пытаюсь обновлять значения, если список не пустой
        let lis = document.querySelectorAll("li"); // ищу все li
        for (const li of lis) { // перебираю их
          for (const friday of array) // заново перебираю все пятницы  13 из массива
            li.textContent = li.textContent = friday.toLocaleString(undefined, {
              day: "numeric",
              month: "long",
            }); // меняю содержимое li на новые данные
          ul.appendChild(li) // думал, что добавляю измененное значение в список, но выходит дичь
        }
      }
    });
  </script>
</body>

</html>

如何更新已经输入的数据？

给定一个段落，其中包含带有单词和形式为 1/2 的分数的文本。还给出了一个按钮。单击按钮后，将每个分数放入其自己的范围标签中。在下面的代码中，我能够将每个元素包装在一个跨度中，但在包装分数时遇到问题。我尝试使用正则表达式（因为数组包含字符串值）并使用包含检查单词，但它没有按预期工作）

let p = document.querySelector("p");
let res = [];
document.querySelector("button").addEventListener("click", function() {
  let arr = p.innerText.split(" ").forEach((word) => { //делаю перебор всех элементов массива
    let elem = document.createElement("span"); // создаю span
    elem.innerText = word; // добавляю в span слова 
    res.push(elem.outerHTML);
    // отправляю все слова со span в массив
  });
  p.innerHTML = res.join(" ");
  // заменяю исходный текст текстом в span элементах
});

<p>
  Lorem 1/2 ipsum dolor sit amet, 2/4 consectetur adipisicing elit. 3/6 Pariatur enim 4/8 omnis non blanditiis, dolore illo ullam labore autem sit. Illum beatae dolores ipsam blanditiis excepturi reiciendis quibusdam necessitatibus error atque.
</p>
<button>Press me</button> <br />

给定一个按钮和一个充满数字的列表 ul。通过单击该按钮，删除包含最大数量的列表项。

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Document</title>
</head>

<body>
  <button>press me</button>
  <ul>
    <li>112</li>
    <li>222</li>
    <li>311</li>
  </ul>
  <script>
    let ul = document.querySelector("ul");
    document.querySelector("button").addEventListener("click", function() {
      let re = []; //Массив для всех значений тега li
      let max = 0; // Начальное значение для максимального числа
      let lis = [...document.querySelectorAll("li")]; //получаю массив всех li
      for (const li of lis) {
        re.push(parseFloat(li.textContent)); //добавляю в массив значения
        max = Math.max(...re); // получаю максимальное значение из списка, а дальше всё) 
      }
    });
  </script>
</body>

</html>

在下面的代码中，我收到了当月的一系列周末日期。放学后，我显然根本不打印，因为我不知道如何获取今年所有的周末日期）

let weekEnd = [],
  d = new Date(),
  m = d.getMonth(),
  y = d.getFullYear(),
  totalDays = new Date(y, m, 6).getDate() && new Date(y, m, 0).getDate();

for (let i = 1; i <= totalDays; i++) {
  let dayNum = new Date(y, m, i).getDay();
  // console.log("dayNum", dayNum);
  if (dayNum === 6) weekEnd.push(i);
  else if (dayNum === 0) weekEnd.push(i);
}

console.log(weekEnd)

给定一个包含三列、三个输入和一个按钮的表。这样当您单击按钮时，就会将包含输入单元格文本的新行添加到表中。

  let tds = document.querySelectorAll("td");
  let inputs = [...document.querySelectorAll("input")];

  document.querySelector("button").addEventListener("click", function () {
    for (const td of tds) {
      for (const element of inputs) {
        let i = document.createTextNode(element.value);
        let tr = document.createElement("tr");
        tr.appendChild(i);
        td.appendChild(tr);
    }
    }
  });

<!DOCTYPE html>
<html lang="en">
  <head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
  </head>
  <body>
<input />
<input />
<input />
<table border="1px" style="width: 300px; height: 300px; color: black">
  <td></td>
  <td></td>
  <td></td>
</table>
<button>press</button>
  </body>
</html>

给定 ul 列表。通过单击任何 li，将其在列表中的序列号添加到末尾，但仅添加一次。

我访问了每个 li 并创建了一个所有 li 的数组，以使用每个 li 的索引作为索引号......就是这样）

let lis = document.querySelectorAll("li");
let arr = [...document.querySelectorAll("li")];

for (const li of lis) {
  li.addEventListener("click", func);
  function func() {
    for (let i = 0; i < arr.length; i++) {
      li.innerHTML = li.innerText +[i];
    }
  }
}

<ul>
  <li>dasdasd</li>
  <li>dasdasd</li>
  <li>asdasdad</li>
  <li>dasdasdas</li>
</ul>

给定一个按钮和一个充满项目的列表 ul。通过单击按钮，删除随机列表项

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <button>press me</button>
    <ul>
      <li>text</li>
      <li>text</li>
      <li>text</li>
      <li>text</li>
    </ul>
    <script>
      document.querySelector("button").addEventListener("click", function () {
<Один вариант удаления из списка>
        // let oList = document.querySelector("ul");
        // let remove = oList.removeChild(oList.lastChild);
<Второй вариант удаления из списка>
        let remove = document.querySelector('li').remove();
      });
    </script>
  </body>
</html>

起初我认为我需要从 li 创建一个数组并在随机索引处删除它，可以生成如下所示的内容：

      let arr = [...document.querySelectorAll("li")]
            for (const element in lis) {
              document
                .querySelector("button")
                .addEventListener("click", function () {
             let random = Math.ceil(Math.random()*arr.length)
             document.querySelector('li').remove(random)
                });
            }

但结果有点疯狂

给定 ul 和 textarea 的空列表。它包含带有标点符号的文本。当你失去焦点时，将文本中的每个句子写到你的 li 标签中。

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <ul id="ul"></ul>
    <textarea id="text">
    </textarea>
    <script>
      let texts = document.getElementById("text");
      document.querySelector("textarea").addEventListener("blur", () => {
        texts = texts.value.split(".");
        for (let text of texts) {
          const newListItem = document.createElement("li");
          newListItem.textContent = text
       document.querySelector('ul').appendChild(newListItem);
        }
      });
    </script>
  </body>
</html>

我完成了任务，但是如果最后一句末尾有句号，则添加一个空李。我检查了正在创建的数组：其中创建了一个换行符。另外，如果您在文本区域中重新输入句子，它们不会覆盖已经输入的句子，并且控制台中会出现错误）

提供了链接。确保将鼠标悬停在任何链接上时，其 href 属性的值显示在其上方。

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <a href="dasdas">asdasd</a>
  <a href="dasdasddas">asdasasdasd</a>
  <a href="dasdasdasdas">asdasasdasd</a>
  <script>
    let href = document.querySelector('a')
    document.body.onmouseenter = function(e) {
      let traget = e.target
      console.log(traget.getAttribute('href')) // получаю значение, но с null

      // здесь я остановился и не могу понять как вывести значение атрибута>

    }
  </script>
</body>

</html>

我又看了一遍关于鼠标事件的章节，还是不太明白。应该通过 :hover 来实现吗？

单击按钮时，所有链接都必须添加到段落中，而不仅仅是一个链接，就像现在一样

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>Test</title>
  </head>
  <body>
    <a  id="am" href="url1.html">url1</a><br />
    <a id="am2" href="url2.html">url2</a><br />
    <p id="test_p"></p>
    <button id="button">Вычислить</button>
    <script>
      document
        .getElementById("button")
        .addEventListener("click", function () {
          href = document.getElementById("am").getAttribute("href");
          p = document.getElementById("test_p");
          p.innerHTML = href;
        });
    </script>
  </body>
</html>

我尝试了 forof 和 for 的选项，但没有任何效果对我来说（

描述

我有一个任务：

创建一个函数，将数字数组作为参数，并返回传递数组中所有数字的公约数数组。

我的代码如下：

function devidersForArr([...m]) {
  let array = [];

  function dividers(n) {
    for (let i = 1; i <= n; i++) {
      if (m.every((v) => v % i === 0)) array.push(i);
    }
  }
  m.forEach((v, i, a) => (a[i] = dividers(v)));
  return array;
}
console.log(devidersForArr([8, 12, 16]));

问题

在我看来，我在某个地方犯了错误，结果是不正确的。是否可以简化代码？我尝试了不同的选项，但这是有效的）

创建一个函数，将数字数组作为参数，并用其除数数组替换每个数字

function arrDividers(arr) {
  let n = arr.join(",");
  let array = [];
  for (let j = 0; j < arr.length; j++) {
    arr[j] = [];
    for (let i = 2, limit = n >> 1; i <= limit; ++i) {
      if (!(n % i)) array.push(i);
    }
    if (n !== 1) array.push(j);
    return array;
  }
}
console.log(arrDividers([11, 22]));

我能够创建一个数字的除数数组，但我不知道如何为数字数组创建除数数组）

function weekDays() {
  const week = [
    "воскресенье",
    "понедельник",
    "вторник",
    "среда",
    "четверг",
    "пятница",
    "суббота",
  ];
  let date = new Date();
  let newDate = date.getDay();
  //   let newDate1 = date.setDate(date.getDate()+1); пытался вывести в отдельную переменную следующий день)
  return {
    prev: week[newDate - 1],
    curr: week[newDate],
    next: week[newDate - 6], <название следующего дня получилось только так>
    // next: week[newDate1],
  };
}

console.log(weekDays())

我情不自禁地感觉自己做错了什么

我收到了所有数字 3 的位置数组，但我需要除第一个和最后一个之外的所有位置。

const num = 303030333
let regexp = /([3])/g;
let res;
let aaa = [];
while ((res = regexp.exec(num))) {
  aaa.push(res.index);
}
console.log(aaa);