Todolist uygulaması yap mesela

css ve javascript dosyalarını çekerken css/style.css değilde https://localhost/css/style.css gibi çek o zaman sorun kalmaz

Öncelikle merhaba bunlar genellikle jquery ile yapılıyor jquery autocomlete paketiyle eğer sayfanda jquery yoksa https://www.w3schools.com/howto/howto_js_autocomplete.asp bu sayfada bir örnek var.

İyi çalışmalar...

Dostum bunu jquery kullanıyorsan jquery ajax methodu ile javascript kullanıyorsan fetch veya xmlhttprequest ile yapabilirsin. Diğer türlü işin uzun sürer.

Hemen bir örnek yapayım senin için:

<form id="formum">
    Kaç Adet
    25
    <input type='number' value="25" id="deger" readonly />
</form>
<script>
const formum = document.querySelector("#formum");
formum.addEventListener("submit", e => {
    e.preventDefault();
    fetch("dosya_dizini", {
        method: "post",
        body: JSON.stringify("25")
    })
    .then(res => res.json())
    .then(ans => {
        console.log(ans);
    });
});
</script>

Php dosyan:

$sayi = json_encode(file_get_contents("html_dosyasi"), true);

// işlem yapıldı
// ...
// ...
// ...
// ...
// ...
// ...
// ...
// işlem bitti
echo json_encode(/*İşlem sonucu*/);

İyi çalışmalar...

Öncelikle merhaba işlem javascript ile şu şekilde yapılabilir.

<?php
// islem.php

$arr = [
    {
        "baslik":"deneme"
    },
    {
        "baslik":"deneme"
    },
    {
        "baslik":"deneme"
    },
    {
        "baslik":"deneme"
    }
];
// Bu veriyi sen mysql'den çekeceksin ve en son

echo json_encode($arr); // Mysql'den gelen veriyi göndereceksin
?>

/*
 * app.js
 */


// Javascript
fetch("islem.php", {
    method: "GET"
})
.then(res => res.json())
.then(cevap => {
    console.log(cevap);
});

// Eğer jquery ise Jquery islem dosyası aynı javascript ise bu olacak
$.ajax({
    url: "islem.php",
    method: "get",
    dataType: "json",
    success: function(cevap){
        console.log(cevap);
    }
});

Bu arada isteğin çok saçma bir siteyi ya php ile yaparsın yada php'yi sadece mysql bağlantısı için kullanırsın. Bu yüzden boşuna uğraşma ama eğer çok lazımsa bunlardan yola çık yazdığım kodu şuan test etme şansım olsaydı senin soruna cevap verebilirdim ama bunlardan yola çıkarak sorunun cevabını bulabilirsin.

İyi çalışmalar...

<input type="checkbox" id="checkbox">
<script>
let checkbox = document.querySelector("#checkbox");
checkbox.addEventListener("change", () => {
	<?=setcookie("girisbilgileri", $gelenid, time() + (60*60*24));?>
});
</script>

En basit yol bu ama senin hatan form içine almaman. Eğer form içine alırsanda şu şekilde

<?php
  if(isset($_POST['checkbox'])) {
   setcookie("girisbilgileri", $gelenid, time() + (60*60*24));
  }
?>
<form action="" method="post">
    <input type="checkbox" name="checkbox" />
</form>

İyi çalışmalar...

Öncelikle merhaba ben udemy kurslarından öğrendim Sadık Turan'ın kursu modern javascript'i öğrenmeme çok yardımcı oldu sanada tavsiye ederim.
Udemy'de Sadık Turan Modern Javascript diye aratırsan bulabilirsin.

Öncelikle merhaba kullanımı şu şekilde dener misin.

// Javascript
document.querySelector("#menu").addEventListener("click", () => {
    document.querySelector("body").style.opacity = "0.3";
});

// Jquery
$("#menu").on("click", function(){
    $("body").css("opacity", "0.3");
});

İyi çalışmalar...