can someone help me I cannot figure out why the first 2 .createElements don't show but the last three show?

here is my code also here is the link to an example project on codehs https://codehs.com/sandbox/id/javascript-graphics-vvD5CX

var atStoreButton = document.createElement("Button");
   atStoreButton.innerHTML = "At The Store";
document.body.appendChild(atStoreButton);
$("atStoreButton").toggle("slow");
    
var button = document.createElement("button");
    button.innerHTML = "Sign In";
document.body.appendChild(button);
$("button").toggle("slow");

var homeButton = document.createElement("Button");
    homeButton.innerHTML = "Home";
document.body.appendChild(homeButton);
$("homeButton").toggle("slow");

var addAnItem = document.createElement("Button");
    addAnItem.innerHTML = "add Item";
document.body.appendChild(addAnItem);
$("addAnItem").toggle("slow");

var log0ut = document.createElement("Button");
    log0ut.innerHTML = "Log Out";
document.body.appendChild(log0ut);
$("log0ut").toggle("slow");
log0ut.style.display = "block";