black1277

{
        test: /\.js$/,
        exclude: /node_modules/,
        use: {
                loader: 'babel-loader',
                options: {
                  presets: [
                    ['@babel/preset-env', { targets: "defaults" }]
                  ]
                }
              }
      },

let root =  document.documentElement;
root.style.setProperty("--main-up", random+'px');

if(name==='entity' && !value.match(/^\d+$/)) return // если имя равно entity и введены не только цифры - делаем возврат из ф-и (без изменения стейта)

const content = `&1===e.nodeType)if(r="data-"+t.replace(K,"-$$&").toLow`;

// создаем стрелочную функцию, принимающую два параметра
const countChars = (str, char) => {
	// создаем переменные и присваиваим им значение 0
	let i = 0;
	let count = 0;
	// запускаем цикл с предусловием
	while (i < str.length) { // пока i меньше чем длина строки str
		// исполняем тело цикла

		// берем символ из строки str расположенный по индексу i и переводим в нижний регистр
		// берем символ из аргумента функции и переводим в нижний регистр
		if (str[i].toLowerCase() === char.toLowerCase()) { // сравниваем оба значения
			// если совпало увеличиваем счетчик на 1
			count = count + 1;
		}
		// перед новой итерацией цикла увеличиваем индекс на 1
		i = i + 1;
	}
// возвращаем из функции накопленный результат подсчета или начальное значение если совпадений не было
	return count;
};

let result = countChars('abba#abba#abba#', '#') // пример использования
console.log(result); // 3

let test = () => {
let inp = document.querySelector('input')
let warn = document.createElement('div')
let att = inp.getAttribute('value')
inp.id = 'inpId'
let inpId = document.getElementById('inpId');
inpId.addEventListener("input", ()=>{
if (inpId.value > 3) {
    warn.style.display = 'none';
}
})
warn.classList.add('hi');
warn.innerHTML = 'Тестовая штука';
inp.insertAdjacentElement('afterend', warn);
}
test();

<select name="nm" id="nam">
  <option value="QBC">QBC</option>
  <option value="QEF">QEF</option>
  <option value="GHI" selected>GHI</option> <!-- этот вариант будет выбран-->
  <option value="KLM">KLM</option>
</select>

import React, { useState, useEffect } from 'react'

const LocalStorage = () => {
  const date = [
    { symbol: 'RU', label: 'рубль' },
    { symbol: 'USD', label: 'доллар' },
    { symbol: 'EUR', label: 'евро' }
  ]

  const [curr, setCurrencies] = useState(date)
  const [currentSymbol, setCurrentSymbol] = useState("EUR") // опция выбранная по умолчанию (если нет данных в localstorage)

// срабатывает один раз при загрузке компонента
  useEffect(() => {
    if(localStorage.getItem('symbol')) {
      const item = localStorage.getItem('symbol')
      setCurrentSymbol(item)
    }
  }, [])

// обработчик - срабатывает при выборе опции списка
  const selectHandler = (e) => {
    localStorage.setItem('symbol', e.target.value)
    setCurrentSymbol(e.target.value)
  }

  return (
    <div>
      <select onChange={selectHandler} value={currentSymbol}>
        {
          curr.map(currencies => (
            <option key={currencies.symbol} value={currencies.symbol}>
              {currencies.symbol} {currencies.label}
            </option>
          )
          )
        }
      </select>
    </div>
  )
}

export default LocalStorage

import React, { Component } from 'react'


class ClassLocal extends Component {
  constructor(props){
    super(props);
    this.state = {
      curr: [
        { symbol: "RU", label: "рубль" },
        { symbol: "USD", label: "доллар" },
        { symbol: "EUR", label: "евро" }
      ],
      currentSymbol: "EUR"
    }
  }


  componentDidMount() {
    if(localStorage.getItem('symbol')) {
      const item = localStorage.getItem('symbol');
      this.setState({currentSymbol: item})
    }
  }


  selectHandler = (e) => {
    localStorage.setItem('symbol', e.target.value)
    this.setState({currentSymbol: e.target.value})
  }

  render() {
    return (
      <div>
        <select onChange={this.selectHandler} value={this.state.currentSymbol}>
          {
            this.state.curr.map(currencies => (
                <option key={currencies.symbol} value={currencies.symbol}>
                  {currencies.symbol} {currencies.label}
                </option>
              )
            )
          }
        </select>
      </div>
    )
  }
}

export default ClassLocal

let element = document.querySelectorAll("p")[0];
   element.innerHTML="new text";

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>

<script>
  const url = "//assets.pinterest.com/js/pinit.js"
  const newScript = document.createElement("script")
  newScript.setAttribute("async", "true")
  newScript.setAttribute("defer", "true")
  newScript.dataset.pinHover = "true"
  newScript.dataset.pinTall = "true"
  document.head.appendChild(newScript)
  newScript.src = url
</script>
</body>
</html>