test js

by Oleh Kotsubko

HTML

<div class="wrap">
  <div class="cont">
    <button>Click</button>
  </div>
</div>

CSS

.wrap {
  width: 200px;
  height: 200px;
  background: red;
  display: flex;
  justify-content: center;
  align-items: center;
}

.cont {
  width: 100px;
  height: 100px;
  background: yellow;
  display: flex;
  justify-content: center;
  align-items: center;
}

button {
  padding: 5px 10px;
  background: brown;
  color: white;
  height: auto;
}

JavaScript

const inc = (()=> {
	let i = 0
	return () => console.log(++i)
})()

inc();
inc();

const obj = {
	a: 42,
  say: function() {
  	setTimeout(()=>{
    console.log(this.a)
		}, 1000)
  }
}

obj.say();

const wrap = document.querySelector('.wrap')
const cont = document.querySelector('.cont')
const button =  document.querySelector('button')

wrap.addEventListener('click', () => alert('wrap'), false)
cont.addEventListener('click', () => alert('cont'), false)
button.addEventListener('click', (e) => e.stopPropagation())

function palindrome(str) {
  const test = str.toLowerCase();
  if(! /\s/.test(str)) {
  	console.log(Array.from(test).reverse().join(''))
  	return test === test.split('').reverse().join('')
  } else {
  	console.log('String has empty')
  }
}

palindrome('Anna ana')
palindrome('Table')

function sortHelper(arg) {
  return arg.toLowerCase().split('').sort().join('')
}

function anagram(arg1, arg2) {
	console.log(sortHelper(arg1) === sortHelper(arg2))
}

anagram('Friend', 'finder');
anagram('finder', 'finde');