База данных на JS/JQuery

Question

Есть сайт, есть цветной квадрат:

HTML:


    <div class="main">
        <button id="button2" class="button">new color</button>
        <p></p>
        <object class="sqr" id="sqr"></object> <p></p>
        <input id="in1" class="input">
    </div>

</body>

<script src="script.js"></script>
<link rel='stylesheet' href="style.css"/>

JS:

var in2 = document.getElementById('in1')
var sqr = document.getElementById('sqr')
var b2 = document.getElementById('button2')
b2.addEventListener("click", color)

function random(min, max) {
    return Math.floor(Math.random() * (max - min + 1)) + min
}

function add() {
    var rgb = localStorage.getItem('mess1')
    var bgcol = 'rgb(' + rgb + ')'
    sqr.style.backgroundColor = bgcol
    in2.value = rgb
}
add()

function color() {
    var r = random(0, 255)
    var g = random(0, 255)
    var b = random(0, 255)
    var rgb = r + ', ' + g + ', ' + b
    var bgcol = 'rgb(' + rgb + ')'
    sqr.style.backgroundColor = bgcol
    in2.value = rgb
    localStorage.setItem("mess1", rgb)
}

Нужно, что бы при изменении цвета квадрата он сразу синхронизировался и менялся на других устройствах, а также сохранялся в БД, т.к. localStorage сохраняет переменные (и, в частности, цвет квадрата) лишь на одном устройстве.

Можно ли используя JS/JQuery реализовать БД, и, если нет, подскажите, как это возможно реализовать (я слышал про AJAX/Python/PHP, но не хотелось бы для одного сайта учить новый ЯП)?

БЛОГ НА HUSL

База данных на JS/JQuery

Ответы (0 шт):