pageBody.addEventListener('click', function (event) {
if (event.target.className != 'link') return;
// Вернет ближайшую к элементу .link форму
const form = event.target.closest('form');
let validate = form.querySelectorAll('.data').forEach(val => {
if(val.value == '') {
val.style.border ="2px solid red";
return event.preventDefault();
} else val.style.border ="2px solid green";
});
});
Изучали ли вы слепой набор на англ. раскладке, и если да, подскажите какие-нибудь сервисы или десктопный софт?
const App = () => (
<Router>
<Route path="/" component={props => {
return (
<>
<Switch>
<Route path="/users" component={Users} />
</Switch>
<div>
<Link to="/users/1">1</Link>
<Link to="/users/2">2</Link>
<Link to="/users/3">3</Link>
</div>
</>
)}
} />
</Router>
);
const Users = () => {
return (
<>
<div>Users List</div>
<Route path="/users/:page" render={props => (
<Page {...props} />
)} />
</>
)
}
const Page = (props) => {
return <div>Page: {props.match.params.page}</div>;
}
let rows_layout = '';
for(let i = 0; i < 9999; i++) {
const row_class = 'someClass';
const value = 'someData';
const row = `<tr class="${row_class}">${value}</tr>`;
rows_layout += row;
}
sometable.append(rows_layout);