主页 / user-361644

Мирас Текесбаев's questions

Martin Hope
Мирас Текесбаев
Asked: 2020-07-28 16:21:46 +0000 UTC
  • 2

<article>
        <h3>What is Lorem Ipsum?</h3>
        <p>First</p>
        <h3>Where does it come from?</h3>
        <p>Second</p>
        <h3>Why do we use it?</h3>
        <p>Third</p>
</article>

您需要使用 JavaScript 在每个 p 标记后插入一个 hr 标记，以便在视觉上将段落彼此分开。你不能修改指定的标记，你只需要写一个带有代码的脚本。

可以做什么？使用哪种 DOM 方法？

javascript
Martin Hope
Мирас Текесбаев
Asked: 2020-07-05 08:11:26 +0000 UTC
  • -1

大家好！我有以下任务：给定一个询问乘法表问题的提示。例如：什么是 5 * 8？（这里的数字是通过 Math.random() 随机设置的）。作为响应，输入1到81的数字，比如我输入25，当用户点击“取消”时，结果落入这个数组：array = [[5, 8], 25]。即数组[0][0] = 5；数组 = [0][1] = 8; 数组[1] = 25;

让我们继续这个问题：我想得到什么回报？假设问题是：

  1. 5*8？
  2. 8*4？
  3. 4*3？
  4. 12？

即这里可以理解为8和4出现2次，其余数字5、3、1、2出现一次。

如果我对这些问题的回答不正确，那么我需要在控制台中显示以下消息：

在表中为 5 - 1 个错误！

8 表中有 2 个错误！

在表中为 4 - 2 个错误！

在表中为 5 - 1 个错误！

在表中为 3 - 1 错误！

在表中为 1 - 1 个错误！

在表中为 2 - 1 个错误！

我的实现如下所示：

    for (let i = 0; i < array.length; i+=2) {
         if ((parseInt(array[i][0]) * parseInt(array[i][1])) !== parseInt(array[i + 1])) {
             for (let j = 1; j < 9; j++) {
                 if (parseInt(array[i][0]) === j) k++;
                 if (parseInt(array[i][1]) === j) l++;
             }
         }
         if (k !== 0 && l !== 0) {
             console.log('В таблице на ' + array[i][0] + ' - ' + k + choiceErrorText(k));
             console.log('В таблице на ' + array[i][1] + ' - ' + l + choiceErrorText(l));
         }
    }


    function choiceErrorText(number) {
        if (number === 1) {
            return ' ошибка!';
        } else if (number >= 2 && number <= 4) {
            return ' ошибки!';
        } else if (number > 4) {
            return ' ошибок!';
        }
    }

我的代码输出如下：

在表中为 5 - 1 个错误！

在表中为 8 - 1 错误！

8 表中有 2 个错误！

在表中为 4 - 2 个错误！

表中有4-3个错误！

表中有3-3个错误！

javascript
Martin Hope
Мирас Текесбаев
Asked: 2020-03-16 14:29:12 +0000 UTC
  • 0

大家好！我有一个输入，如何在焦点输入时更改占位符的颜色？在进入 VKontakte 时做类似的事情。也就是说，如果输入上有悬停，占位符会变得更透明，或者颜色可以变得更亮。

<input type="text" class="login" placeholder="Телефон или email">

我了解到你可以这样写：

.login::placeholder {
    opacity: 0.2;
}

但是在这里我遇到了问题：我总是通过classList.add解决问题，在style.css文件中预先编写了一个带有样式的类，我所有的样式都存储在其中。一切都被简单地添加了，比如 add('active') 等等。但是现在有一个问题，我不知道如何在 javascript 中使用伪类。有什么解决办法吗？谁面对？

javascript
Martin Hope
Мирас Текесбаев
Asked: 2020-03-13 20:33:31 +0000 UTC
  • 0

有一个按钮可以进入网站：

.auth-button {
  display: inline-block;
  height: 35px;
  width: 100px;
  background-color: #5b88bd;
  border: 3px;
  border-radius: 3px;
  color: #fff;
  font-size: 15px;
  cursor: pointer;
  margin: 14px 0;
  outline: none;
}

.auth-button:active {
  background-color: #4a76a8;
}

.auth-button-span:active {
  transform: translate(10px, 10px);
}
<button class="auth-button"><span class="auth-button-span">Войти</span></button>

如何使transform文本垂直 5px Войти？我认为这与position. span有没有可能在没有inside的情况下做到这一点button？

css3
Martin Hope
Мирас Текесбаев
Asked: 2020-02-03 14:06:22 +0000 UTC
  • 0

大家好！有一个问题：给定一个字符串。将此行中每个单词的第一个字符大写。为此，请创建一个 ucfirst 辅助函数，该函数将接受一个字符串，将该字符串的第一个字符大写，然后返回首字母大写的字符串。

必须通过单独分离每个函数并将它们声明在一个主函数中来解决该任务。我的实现是这样的：

    <input type="text" class="input">


    let input = document.querySelector('.input');
    input.addEventListener('blur', changeFirstSymbol);

    changeFirstSymbol(input.value);

    function changeFirstSymbol(str) {
        getString(ucFirst(getArrayFromString(str)));
    }

    function getArrayFromString(str) {
        arr = str.split(' ');
        return arr;
    }

    function ucFirst(arr) {
        let newArr = [];
        for (let i = 0; i < arr.length; i++) {
            newArr[i] = arr[i].substr(0, 1).toUpperCase() + arr[i].substr(1);
        }
        return newArr;
    }

    function getString(arr) {
        str = arr.join(' ');
        return str;
    }

控制台抛出以下错误：

    Uncaught TypeError: str.split is not a function (main.js:12)
    at getArrayFromString (main.js:12)
    at HTMLInputElement.changeFirstSymbol (main.js:8)

让我知道您是否有任何想法？

javascript
Martin Hope
Мирас Текесбаев
Asked: 2020-01-17 17:29:10 +0000 UTC
  • 0

有必要以某种方式解决将值从输入传递到这一行中的参数的inputCharCode1问题inputCharCode2String.fromCharCode(getRandomIntInclusive(inputCharCode1, inputCharCode2));

我不明白它是如何工作的以及如何设置值。

var input = document.querySelector('.input');
var inputLength = document.querySelector('.inputLength');
var btn = document.querySelector('.button');
let arr = [];
btn.addEventListener('click', function() {
  var inputCharCode1 = document.querySelector('.inputCharCode1');
  var inputCharCode2 = document.querySelector('.inputCharCode2');
  arr = [];
  for (var i = 0; i < (Number(inputLength.value)); i++) {
    arr[i] = String.fromCharCode(getRandomIntInclusive(inputCharCode2, inputCharCode1));
  }
  console.log(arr);
  input.value = arr.join('');
});

function getRandomIntInclusive(max, min) {
  return Math.floor(Math.random() * (max - min + 1)) + min;
}
<input class="input" type="text">
<br><br>
<label for="inputLength">String Length: <input class="inputLength" name="inputLength" type="text"></label>
<br><br>
<label for="inputCharCode1">From: <input type="text" name="inputCharCode1" class="inputCharCode1"></label>
<label for="inputCharCode2">To: <input type="text" name="inputCharCode2" class="inputCharCode2"></label>
<br><br>
<button class="button">Запустить</button>

javascript
Martin Hope
Мирас Текесбаев
Asked: 2020-01-17 15:12:05 +0000 UTC
  • 1

大家好！有一个任务：给出 2 个输入和一个按钮。通过单击按钮，生成一个随机字符串并将其写入第一个输入。随机字符串的长度在第二个输入中给出。

该脚本有效，但是假设当我将长度设置为 10 个字符，然后，例如，将长度设置为 5 个字符，只有前 5 个字符会发生变化，而之前生成的其余 5 个后续字符不会消失。试图重置 input.value = ''; 没有帮助。谁知道告诉我！

<input class="input" type="text">
<input class="inputLength" type="text">
<button class="button">Запустить</button>

    var input = document.querySelector('.input');
    var inputLength = document.querySelector('.inputLength');
    var btn = document.querySelector('.button');
    let arr = [];
    btn.addEventListener('click', function () {
        for (var i = 0; i < (Number(inputLength.value)); i++ ) {
            arr[i] = String.fromCharCode(getRandomIntInclusive(33, 126));
        }
        input.value = arr.join('');
    });
    console.log(arr);

    function getRandomIntInclusive(min, max) {
        return Math.floor(Math.random() * (max - min + 1)) + min;
    }
javascript
Martin Hope
Мирас Текесбаев
Asked: 2020-01-14 20:00:32 +0000 UTC
  • 0

大家好！有这样的任务：给出链接。加载页面时，如果链接以 http:// 开头，则在末尾添加一个箭头 →（它是这样完成的：→）。

帮助我决定如何在innerHTML-a 的末尾插入这个箭头→（这样做：→）。我的解决方案如下所示：

<a  target="_blank" href="https://www.google.com.ua">Гугл</a>
<a  target="_blank" href="https://yandex.ua/" class="Miras">Яндекс</a>
<a  target="_blank" href="https://www.rambler.ru" name="Eldar">Рамблер</a>
<a  target="_blank" href="https://www.ukr.net">УкрНет</a>
<a  target="_blank" href="http://wiki.ru">Вики</a>

    var elem = document.querySelectorAll('a');
    for ( var i = 0; i < elem.length; i++ ) {
        if (elem[i].href.indexOf('http://') === 0) {
            elem[i].addEventListener('click', show);
        }

    function show() {
        this.innerHTML = this.innerHTML + '<q>' + '&rarr;' + '</q>';
        this.removeEventListener('click', show);
    }
javascript
Martin Hope
Мирас Текесбаев
Asked: 2020-12-29 17:56:51 +0000 UTC
  • 0

所有的善良与和平！你知道有什么问题吗？editPrompt 函数在调用时返回 undefined。

<table class="table">
    <tr>
        <th>Имя</th>
        <th>Фамилия</th>
    </tr>
    <tr>
        <td>Имя</td>
        <td>Фамилия</td>
    </tr>
    <tr>
        <td>Имя</td>
        <td>Фамилия</td>
    </tr>
</table>

<form action="" id="form">
    <input type="text" name="" class="name" placeholder="Фамилия">
    <input type="text" name="" class="surname" placeholder="Имя">
    <button type="submit" class="btn">Добавить строку</button>
</form>

var submit = document.querySelector('.btn');
var inputName = document.querySelector('.name');
var inputSurname = document.querySelector('.surname');
var table = document.querySelector('.table');

submit.addEventListener('click', addTr);
function addTr() {
    var tr = document.createElement('tr');
    var tdName = document.createElement('td');
    var tdSurname = document.createElement('td');
    table.appendChild(tr);
    tr.appendChild(tdName);
    tr.appendChild(tdSurname);
    tdName.innerHTML = inputName.value;
    tdSurname.innerHTML = inputSurname.value;
}

table.addEventListener('click', editPrompt);

function editPrompt(event) {
    var editInnerHTML = prompt('Введите значение', event.target.innerHTML);
    event.target.innerHTML = editInnerHTML.value;
}
javascript
Martin Hope
Мирас Текесбаев
Asked: 2020-12-27 19:21:21 +0000 UTC
  • -1

我正在尝试向 DOM 添加新行。有名字和姓氏输入，以及一个添加按钮。单击按钮时，应将新行添加到表中。故障排除不起作用。

在此处输入图像描述 

<table class="table">
    <tr>
        <th>Имя</th>
        <th>Фамилия</th>
        <th>Удалить</th>
    </tr>
    <tr>
        <td>Иван</td>
        <td>Васильевич</td>
        <td class="delete"><i class="fa fa-trash"></i></td>
    </tr>
    <tr>
        <td>Влад</td>
        <td>Анатольевич</td>
        <td class="delete"><i class="fa fa-trash"></i></td>
    </tr>
</table>

<form action="" id="form">
    <input type="text" name="" class="name" placeholder="Введите имя">
    <input type="text" name="" class="surname" placeholder="Введите фамилию">
    <button type="submit" class="btn">Добавить строку</button>
</form>

我自己编写了这个脚本，简化了网上找到的脚本。但它并没有像我预期的那样工作。现在了解一切如何运作对我来说很重要，看来我所做的一切都是依法进行的。第二天我已经坐在这个任务上。如果您有选择，请分享想法。

var table = document.querySelector('.table');
table.addEventListener('click', checkAct);

function checkAct(event) {
    if (event.target.tagName === 'TD' && event.target.className !== 'delete') {
        editTd(event.target);
    } else if ((event.target.classList.contains('fa-trash')) === true) {
        event.target.closest('tr').remove();
    }
}

function editTd(target) {
    var input = document.createElement('input');
    input.value = target.innerHTML;
    target.innerHTML = '';
    target.appendChild(input);
    input.addEventListener('keypress',addChanges);
}

function addChanges(event) {
    var newCreateInput = event.target;
    var parent = newCreateInput.parentNode;
    if(event.keyCode === 13) {
        parent.innerHTML = newCreateInput.value;
    }
}

var inputName = document.querySelector('.name');
var inputSurname = document.querySelector('.surname');
var btn = document.querySelector('.btn');
var tr = document.createElement('tr');

function definitionsName(name) {
    var td = document.createElement('td');
    td.innerHTML = name.value;
    tr.appendChild(td);
}

function definitionsSurname(surname) {
    var td = document.createElement('td');
    td.innerHTML = surname.value;
    tr.appendChild(td);
}

btn.addEventListener('click',addTr);

function addTr() {
    if (inputName.value === '' || inputSurname.value === '') {
        return alert('Заполните поля Имя и Фамилия');
    }
    definitionsName(name);
    definitionsSurname(surname);
    var td = document.createElement('td');
    var i = document.createElement('i');
    i.classList.add('fa fa-trash');
    td.appendChild(i);
    tr.appendChild(td);
    table.appendChild(tr);
}
javascript
Martin Hope
Мирас Текесбаев
Asked: 2020-12-27 16:12:38 +0000 UTC
  • 0

大家好！请告诉我，如何tr通过单击图标来实现删除行fa-trash。这是 DOM，下面我将描述我的脚本。

在此处输入图像描述

这是脚本本身：

var table = document.querySelector('.table');
table.addEventListener('click', checkAct);

function checkAct(event) {
  var target = event.target;
  if (target.tagName === 'TD' && target.className !== 'delete') {
    editTd(target);
  } else if (target.tagName === 'TD' && target.className === 'delete') {
    deleteTr(target);
  }
}

function deleteTr(target) {
  var tr = target.closest('tr');
  if (tr) {
    tr.parentNode.removeChild(tr);
  }
}
<table class="table">
  <tr>
    <th>Имя</th>
    <th>Фамилия</th>
    <th>Удалить</th>
  </tr>
  <tr>
    <td>Иван</td>
    <td>Васильевич</td>
    <td class="delete"><a href="#"><i class="fa fa-trash"></i></a></td>
  </tr>
  <tr>
    <td>Влад</td>
    <td>Анатольевич</td>
    <td class="delete"><a href="#"><i class="fa fa-trash"></i></a></td>
  </tr>
</table>

<form action="" id="form">
  <input type="text" name="" class="name" placeholder="Введите имя">
  <input type="text" name="" class="surname" placeholder="Введите фамилию">
  <button type="submit" class="btn">Добавить строку</button>
</form>

当我点击td-shki 区域时，该行tr被删除，当我点击图标fa-trash时，脚本不起作用，我知道target函数参数中的 -th有错误deleteTr，但我无法辨认可以做什么。

帮助如何实现这个脚本，并确保使用closest. 如果你能更详细地解释一下，我求你了。

javascript