.toggleCircle
?$(".toggleCircle").toggleClass("selected");
var nums = 123123;
var arr = `${nums}`.split('');
var result1 = 0;
var result2 = 0;
arr.forEach((curr, index) => {
(index <= 2) ? result1 += Number(curr) : result2 += Number(curr);
})
console.log((result1 == result2) ? 'сумма первых цифр равняется остальным трем' : 'нет, не равняется')
function createTable(db) {
let tableContent = document.getElementById('content');
let maxTextLen = 60;
for(let i=0; i<db.length; i++) {
let row = `<tr>
<td>${db[i].name.firstName}</td>
<td>${db[i].name.lastName}</td>
<td class="about">${ (db[i].about.length > maxTextLen) ? db[i].about.substring(0, maxTextLen) + ' ...' : db[i].about }</td>
<td>${db[i].eyeColor}</td>
</tr>
`
tableContent.innerHTML += row;
}
}
createTable(dbObj);
.about{
max-width: 10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>If</title>
<style>
body{
margin: 0;
font-family: 'Courier New', Courier, monospace;
padding: 50px;
}
.settings{
display: flex;
align-items: center;
}
</style>
</head>
<body>
<p class="text">Привет!</p>
<div class="settings">
<p class="style">Жирный текст</p>
<input onchange="event.target.checked ? document.querySelector('.style').style.fontWeight = 900 : document.querySelector('.style').style.fontWeight = 400" type="checkbox">
</div>
<div class="settings">
<p class="italic">Наклонный текст</p>
<input onchange="event.target.checked ? document.querySelector('.italic').style.fontStyle = 'italic' : document.querySelector('.italic').style.fontStyle = 'normal'" type="checkbox">
</div>
</body>
</html>
<ul class="toys"></ul>
<ul class="gifts"></ul>
function toListElements(jsonStr) {
function normalize(str) {
return str.split(';').map(function(item) {
return '<li>' + item + '</\li>';
}).join('');
}
const jsonObj = JSON.parse(jsonStr);
document.querySelector('.toys').innerHTML = normalize(jsonObj['toys']);
document.querySelector('.gifts').innerHTML = normalize(jsonObj['gifts']);
}
toListElements('{"toys":"машинка;кукла;мяч","gifts":"конструктор;набор;мячик;набор"}');