<table class="table table-striped">
<thead>
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Email</th>
</tr>
</thead>
<tbody>
<tr>
<td>John</td>
<td>Doe</td>
<td>john@example.com</td>
</tr>
<tr>
<td>Mary</td>
<td>Moe</td>
<td>mary@example.com</td>
</tr>
<tr>
<td>July</td>
<td>Dooley</td>
<td>july@example.com</td>
</tr>
</tbody>
</table>
<table>
<tr>
<th>Имя</th>
<th>Фамилия</th>
<th>Возраст</th>
</tr>
<tr>
<td>Виктор</td>
<td>Пупкин</td>
<td>15</td>
</tr>
<tr>
<td>Вася</td>
<td>Толстый</td>
<td>25</td>
</tr>
<tr>
<td>Коля</td>
<td>Круглый</td>
<td>35</td>
</tr>
</table>
<button onclick="likeCount()">Like</button>
<p id="likeCount"></p>
<script>
function likeCount(){
var count = 0;
count += 1;
document.getElementById("likeCount").innerHTML = count;
}
</script>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Form</title>
<style>
body {
font-family: "Arial";
font-weight: 500;
font-size: 12pt;
}
table {
border-collapse: collapse;
border-spacing: 0;
border: 1px solid black;
}
td, th {
border: 1px solid black;
padding: 3px;
}
th {
background: #ddd;
color: black;
font-weight: bold;
}
</style>
</head>
<body>
<table>
<thead>
<tr>
<th>Состояние</th>
<th>Количество</th>
</tr>
</thead>
<tbody>
function dragIt(event) {
event.dataTransfer.setData("text", event.target.id);
console.log("start drag, event.target.id =", event.target.id);
}
$db_host = 'localhost';
$db_user = 'root';
$db_pass = '';
$db_name = 'db_name';
$conn = mysqli_connect($db_host, $db_user, $db_pass, $db_name);
if (!$conn) {
die ('Failed to connect to MySQL: ' . mysqli_connect_error());
}
$sql = 'SELECT *
FROM users';
$query = mysqli_query($conn, $sql);
if (!$query) {
die ('SQL Error: ' . mysqli_error($conn));
}
echo '<table>
<thead>
<tr>
<th>Name</th>
<th>Position</th>
<th>Office</th>
<th>Age</th>
<th>Start date</th>
<th>Salary</th>
</tr>
</thead>
<tbody>';
<table>
<tr>
<td>
<button>Редактировать</button>
<button>Удалить</button>
</td>
</tr>
<tr>
<td>
<button>Редактировать</button>
<button>Удалить</button>
</td>
</tr>
<tr>
<td>
<button>Редактировать</button>
<button>Удалить</button>
</td>
</tr>
<tr>
<td>
<button>Редактировать</button>
<button>Удалить</button>
</td>
</tr>
<tr>
<td>
if (isset($_POST['action']) && isset($_POST['action']) == "add") {
$data = $_POST['data'];
$db->query("INSERT INTO table(row) VALUES('$data')");
}
var pressed = false, posX, posY;
$('#elem').mousedown(function(e) {
pressed = true;
posX = e.pageX,
posY = e.pageY;
});
$(document).mousemove(function(e) {
if(pressed) {
$('#elem').css({
top: e.pageY - posY,
left: e.pageX - posX
});
}
});
$(document).mouseup(function() {
pressed = false;
});
<table border="1" style="width:100%">
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Age</th>
</tr>
<tr>
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
</table>
function likesCount() {
let counter = 0;
function like() {
return ++counter;
}
return like;
}
const like1 = likesCount();
const like2 = likesCount();
like1(); // 1
like1(); // 2
like1(); // 3
like1(); // 4
like2(); // 1
like2(); // 2
like2(); // 3
function subscribe(user) {
user.count = user.count + 1
return user.count
}
function showHide(){
var div = document.getElementById('hidden_block');
if (div.style.display === "none") {
div.style.display = "block";
} else {
div.style.display = "none";
}
}
.container {
width: 100px;
height: 100px;
background: #f3f3f3;
box-shadow: 0 0 10px rgba(0,0,0,0.5);
padding: 10px;
}
let i = 0;
function subscribe() {
i++;
console.log('Вы подписались, спасибо!')
console.log('Количество подписчиков:', i);
}
const subscribe = document.getElementById('subscribe');
let followers = document.getElementById('followers');
let followersCount = 0;
function addFollower() {
followersCount += 1;
localStorage.setItem('followers', followersCount);
followers.innerHTML = followersCount;
}
subscribe.onclick = addFollower;
.container {
width: 100px;
height: 100px;
background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
}
var count = 0;
var button = document.querySelector(".like-button");
button.addEventListener("click", function() {
count++
button.textContent = "like " + count;
});
const subscribe = (callback) => {
let count = 0;
return () => {
count++;
localStorage.setItem('count', count);
callback(count);
};
};
const counter = subscribe(count => {
document.querySelector('#counter').textContent = count;
});
document.querySelector('#subscribe').addEventListener('click', counter);
document.addEventListener('DOMContentLoaded', () => {
document.querySelector('#counter').textContent = localStorage.getItem('count');
});
<style type="text/css">
td {
border: 1px solid black;
}
table {
width: 100%;
}
</style>
<table>
<tr>
<td>Hello</td>
<td>World</td>
</tr>
</table>
function register_user($login, $password, $email) {
//...
return $new_user;
}
class MyButton extends React.Component {
constructor(props) {
super(props);
this.state = {
width: 200
};
}
handleClick = () => {
this.setState(({ width }) => ({
width: width + 20
}));
};
render() {
let style = {
width: this.state.width + 'px'
};
return (
<div>
<button onClick={this.handleClick}>Click Me</button>
<div style={style} className="box">
Hello!
</div>
</div>
);
}
}
ReactDOM.render(<MyButton />, mountNode);
function buttonSubscribe(action):
if action == 'pressed' :
return 'You have subscribed to the author!'
if action == 'not pressed' :
return 'You are not subscribed to the author'
var app = document.getElementById('app');
var left = 0;
var step = 10;
app.addEventListener('mousedown', function(e){
window.addEventListener('mousemove', mouseMove);
window.addEventListener('mouseup', mouseUp);
console.log('down');
function mouseMove(e){
left += step;
app.style.left = left + 'px';
console.log('move');
}
function mouseUp(e){
window.removeEventListener('mousemove', mouseMove);
window.removeEventListener('mouseup', mouseUp);
console.log('up');
}
})
export default (el, duration = 2000, delay = 0) => {
window.setTimeout(() => {
el.style.height = 0;
el.style.transition = `height ${duration}ms ease-in-out`;
el.style.overflow = 'hidden';
window.setTimeout(() => {
el.style.height = el.scrollHeight + 'px';
}, 100);
window.setTimeout(() => {
el.style.height = 'auto';
el.style.transition = '';
}, duration);
}, delay);
};
const btn = document.querySelector('.btn');
const div = document.querySelector('.div')
btn.onclick = function() {
div.style.width = [+div.style.width.slice(0, -2) + 20] + 'px';
}
<button onclick="subscribe()">Подписаться</button>
<script>
var subscribers = 0;
function subscribe() {
subscribers += 1
alert("Подписчиков: " + subscribers);
}
</script>
let count = 0;
let btn = document.createElement('button');
btn.textContent = 'Subscribe';
btn.onclick = function() {
count++;
btn.textContent = 'Subscribed ('+count+')';
};
document.body.appendChild(btn);
function click(elementId) {
document.getElementById(elementId).innerHTML = (Number(document.getElementById(elementId).innerHTML) + 1).toString();
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="style/style.css">
<title>Blog</title>
</head>
<body>
<div class="container" id="main">
<div class="header">
<h1>My blog</h1>
</div>
<div class="nav">
<ul>
<li><a href="">Home</a></li>
<li><a href="">About</a></li>
<li><a href="">Contacts</a></li>
</ul>
</div>
<div class="content">
<div class="block">
<h3>Title 1</h3>
let sub = 0;
function addSubscriber() {
sub += 1;
localStorage.setItem('Subscribers', sub);
let elem = document.getElementsByClassName('subscribers');
elem.innerHTML = sub;
}
function rotateBlock() {
$(this).css({
transform: 'rotate(360deg)'
});
}
$('.block').on('click', rotateBlock);
function subscribe(subscribersCount) {
localStorage.clear();
localStorage.setItem("subscribersCount", subscribersCount + 1);
}
<div class="govno">
<button class="privet">
я тут
</button>
</div>
let subscribers = 1;
const subscribeButton = function() {
subscribers += 1;
document.getElementById("subscribers").innerHTML = subscribers;
}
let count = 0;
function subscribe() {
count += 1;
return count;
}
$arr = array(
'a' => 1,
'b' => 2
);
$arr['a']
<?php
$host = 'localhost'; // адрес сервера
$database = 'database'; // имя базы данных
$user = 'root'; // имя пользователя
$password = ''; // пароль
$link = mysqli_connect($host, $user, $password, $database)
or die("Ошибка " . mysqli_error($link));
$query ="INSERT INTO users VALUES(NULL, '" . $_POST['name'] . "', '" . $_POST['email'] . "', '" . $_POST['password'] . "')";
$result = mysqli_query($link, $query) or die("Ошибка " . mysqli_error($link));
if($result)
echo "Данные добавл
<div class="govno"><button class="privet">privet</button></div>
$('#navigation').animate({width: '500px'});
<button>подписаться</button>
<span>12</span>
function login() {
if(isset($POST['username']) && isset($POST['password'])) {
$username = $_POST['username'];
$password = $_POST['password'];
$user = $this->loginService->getUserByUsername($username);
if($user && $this->loginService->checkPassword($password, $user->getPasswordHash())) {
$this->loginService->login($user);
}
}
}
function registerUser($name, $email, $password)
{
// ...
}
let subscribers = 100
const subscribe = function(){
subscribers += 1
console.log(`Ваша подписка активна, подписчиков: ${subscribers}`)
localStorage.setItem("subscribers", subscribers)
}
<style>
.container {
width: 100px;
height: 100px;
}
</style>
let counter = 0;
const subscribe = () => {
counter++;
console.log(`You have ${counter} subscribers`);
}
var n = 0;
function plus(){
n++;
document.getElementById('sub').innerHTML = n;
}
function slideDown(element, duration) {
let d = duration || 500;
let h = element.clientHeight;
element.style.transition = `height ${d}ms`;
element.style.height = 0;
element.classList.toggle('closed');
setTimeout(() => {
element.style.height = h;
}, 100);
}
function calc(a, b, operator) {
if (operator === '+') {
return a + b;
}
if (operator === '-') {
return a - b;
}
if (operator === '*') {
return a * b;
}
if (operator === '/') {
return a / b;
}
}
calc(2, 3, '+')
<table>
<tr>
<td style="border: 1px solid black">Столбец 1</td>
<td style="border: 1px solid black">Столбец 2</td>
</tr>
<tr>
<td style="border: 1px solid black">Столбец 3</td>
<td style="border: 1px solid black">Столбец 4</td>
</tr>
</table>
$this->set_charset($db_charset);
$this->query('SET SQL_MODE=""');
$this->query("
SELECT
*
FROM
table
WHERE
name = 'Vasya'
");
$this->query("
INSERT INTO
table
VALUES
(DEFAULT, 'Vasya')
");
$this->query("
UPDATE
table
SET
name = 'Vasya'
WHERE
id = :id
");
$this->bind(':id', 1);
$this->execute();
$this->query("
DELETE FROM
table
WHERE
id = :id
");
$this->bind(':id', 1);
$this->execute();
<div class="container" id="main">
<table class="table table-striped table-bordered table-hover table-sm">
<thead>
<tr>
<th>#</th>
<th>Имя</th>
<th>Фамилия</th>
<th>Адрес</th>
<th>Город</th>
<th>Почтовый Индекс</th>
<th>ВУЗ</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1</th>
<td>Mark</td>
<td>Otto</td>
<td>@mdo</td>
<td>@mdo</td>
<td>@mdo</td>
<td>@mdo</td>
let subscribed = 0;
let subscribeBtn = document.querySelector('#subscribeBtn');
function subscribe() {
subscribed++
localStorage.setItem('subscribed', subscribed);
subscribeBtn.textContent = `Подписаны: ${subscribed}`;
}
subscribeBtn.onclick = subscribe;
function createDiv() {
const div = document.createElement('div');
div.classList.add('divick');
const h2 = document.createElement('h2');
h2.textContent = 'Hello';
div.appendChild(h2);
document.body.appendChild(div);
}
const btn = document.createElement('button');
btn.textContent = 'Click me';
btn.addEventListener('click', createDiv);
document.body.appendChild(btn);
function onMouseDown(event) {
var hitResult = project.hitTest(event.point, hitOptions);
if (!hitResult)
return;
if (event.modifiers.shift) {
if (hitResult.type == 'segment') {
hitResult.segment.remove();
};
return;
}
if (hitResult) {
dragHandle = hitResult.item;
}
}
function onMouseDrag(event) {
if (dragHandle) {
dragHandle.position += event.delta;
}
}
function onMouseUp(event) {
dragHandle = null;
}
<div class="blog">
<div class="blog-post">
<h2>Title</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quibusdam aperiam, dolorem explicabo cupiditate, quisquam, ab quos mollitia nihil quaerat minus doloremque atque!</p>
</div>
<div class="blog-post">
<h2>Title</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quibusdam aperiam, dolorem explicabo cupiditate, quisquam, ab quos mollitia nihil quaerat minus doloremque atque!</p>
</div>
<div class="blog-post">
<h2>Title</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quibusdam
let like = document.querySelector('.like');
let counter = () => {
let counter = 0;
like.addEventListener('click', () => {
counter++;
localStorage.setItem('like', counter);
});
return counter;
};
counter();
like.innerText = `Like ${counter()}`;
function anim() {
$(".todolist").animate({height:'150px'});
}
let a = 42;
function foo() {
let a = 0;
a++;
console.log( a );
}
foo();
console.log( a );
function subscribe() {
let count = 0;
return function() {
return ++count;
};
}
const adder = subscribe();
<button>подписаться</button>
<span>12 тыс. подписчиков</span>
function expand() {
$('#details').show();
}
let subscribers = 0;
function subscribe() {
subscribers++;
localStorage.setItem('subscribers', subscribers);
}
function subscribe($atts) {
ob_start();
$author = get_userdata(get_the_author_meta('ID'));
$count = $author->subscribers;
?>
<div class="subscribe">
<button>Subscribe to <?php echo $author->display_name; ?></button>
<span class="count"><?php echo $count; ?></span>
</div>
<?php
return ob_get_clean();
}
add_shortcode('subscribe', 'subscribe');
function subscribe_script() {
wp_enqueue_script('script', get_stylesheet_directory_uri() . '/js/subscribe.js');
wp_localize_script('script', 'ajaxurl', admin_url('admin-ajax.php'));
}
add_action('wp_enqueue_scripts', 'subscribe_script');
function add_subscriber() {
let value = localStorage.getItem('subscribers') || 0;
value++;
localStorage.setItem('subscribers', value);
document.querySelector('.subscriber').innerText = value;
}
// function that: Обработчик и отправка данных в базу с этого кода
public function subscribe(Request $request)
{
$data = $request->all();
$subscribe = new Subscribe();
$subscribe->email = $data['email'];
$subscribe->status_id = 1;
$subscribe->save();
return response()->json($subscribe);
}
let counter = 0
function subscribe() {
counter += 1;
alert(counter)
}
function expand() {
$(this).css({
height: '100%'
});
}
$('#box').on('click', expand);
let counter = 0;
function addLike() {
counter++;
localStorage.setItem('counter', counter);
document.querySelector('.counter').innerHTML = counter;
}
html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<div class="header">
<div class="container">
<div class="logo">
<img src="images/logo.png" alt="logo">
</div>
<div class="menu">
<ul>
<li><a href="">Home</a></li>
<li><a href="">Blog</a></li>
<li><a href="">Contact</a></li>
<li><a href
function subscribe(btn, storageKey) {
const followers = Number(localStorage.getItem(storageKey)) || 0;
btn.textContent = `Подписаться ${followers}`;
btn.addEventListener('click', e => {
localStorage.setItem(storageKey, followers + 1);
});
}
subscribe(subscribeBtn, 'followers');
function register_form_submitted($form) {
// если все поля заполнены верно
if ($form['email'] and $form['username'] and $form['password']) {
// проверим свободен ли логин
if (not exists_in_database('users', 'username', $form['username'])) {
// создаем нового пользователя
create_in_database('users', array(
'email' => $form['email'],
'username' => $form['username'],
'password' => $form['password']
));
// и перенаправляем на главную страницу
return
<table border="1">
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
</tr>
</table>
<button onclick="myFunction()">
Subscribe
</button>
<p>Subscribers: <span id="demo"></span></p>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "1000";
}
</script>
let count = localStorage.getItem('count');
count = count ? +count : 0;
const btn = document.createElement('button');
btn.innerText = 'Like';
btn.onclick = () => {
count++;
localStorage.setItem('count', count);
btn.innerText = `Like ${count}`;
};
document.body.appendChild(btn);
<div class="container" id="main">
<table>
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Age</th>
</tr>
<tr>
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
<tr>
<td>John</td>
<td>Doe</td>
<td>80</td>
</tr>
<tr>
<td>John</td>
<td>Doe</td>
<td>80</td>
</tr>
<tr>
<td>John</td>
<td>Doe</td>
<td>80</td>
</tr>
</table
<button onclick="myFunction()">Try it</button>
<script>
function myFunction() {
localStorage.setItem("lastname", "Smith");
document.getElementById("result").innerHTML = localStorage.getItem("lastname");
}
</script>
<button id="subscribe" onclick="subscribe(this)">Подписаться</button><div id="count"></div>
<script>
function subscribe(button) {
let count = parseInt(localStorage.getItem('count')) || 0;
localStorage.setItem('count', ++count);
count = parseInt(localStorage.getItem('count'));
count = count.toLocaleString('ru');
button.style.display = "none";
document.getElementById('count').innerText = count;
}
</script>
<!DOCTYPE html>
<html>
<head>
<title>Like</title>
<meta charset="utf-8">
<style>
.like {
background: #3d3d3d;
border-radius: 4px;
color: white;
padding: 5px 10px;
cursor: pointer;
}
.like:hover {
background: #b3b3b3;
color: #404040;
}
</style>
</head>
<body>
<div class="like">Like</div>
<script>
var like = document.querySelector('.like');
var likes = 0;
like.addEventListener('click', function() {
likes++;
like.innerHTML = 'Like ' + likes;
});
</script>
</body>
</html>
function clickCounter() {
if (typeof(Storage) !== "undefined") {
if (localStorage.clickcount) {
localStorage.clickcount = Number(localStorage.clickcount)+1;
} else {
localStorage.clickcount = 1;
}
document.getElementById("result").innerHTML = "You have clicked the button " + localStorage.clickcount + " time(s).";
} else {
document.getElementById("result").innerHTML = "Sorry, your browser does not support web storage...";
}
}
<button class="subscribe-button">подписаться<span class="subscribe-counter"></span></button>
function updateButton() {
var x = document.getElementById("counter");
x.textContent = "Liked: " + localStorage.counter++;
}
function like() {
let likeCount = 0;
return function() {
likeCount++;
return likeCount;
}
}
let likeButton = like();
likeButton() // 1
likeButton() // 2
likeButton() // 3
function subcribe() {
//get the element of the youtube "subcribe" button
//get the element of the youtube "subcribe" counter
//add event listener to implement the feature of subscribing
//when click the button, the counter will +1
}
.container {
width: 100px;
height: 100px;
background: #000;
filter: blur(8px);
}
import React from "react";
import ReactDOM from "react-dom";
import "./styles.css";
class App extends React.Component {
constructor() {
super();
this.state = {
value: "",
text: "",
isVisible: false
};
this.handleChange = this.handleChange.bind(this);
this.toggleVisibility = this.toggleVisibility.bind(this);
}
toggleVisibility() {
this.setState(prevState => {
return {
isVisible: !prevState.isVisible
};
});
}
handleChange(e) {
const { value } = e.target;
this.setState(() => {
return {
value
};
});
}
render() {
const { isVisible } = this.state;
const text = isVisible ? "Hide text" : "Show text";
const btnText = isVisible ? "Hide" : "