var el = document.querySelector(".myclass");
//Pretend there is a <p> with class "example"
const myParagraph = document.querySelector('.example');
//You can do many this with is
myParagraph.textContent = 'This is my new text';
$( "#foo" )[ 0 ]; // Equivalent to document.getElementById( "foo" ) or document.querySelector('#foo')
$( "#foo" ).get( 0 ); // Identical to above, only slower.
let Element = document.querySelector(".class");
// Select the first <div>
const firstDiv = document.querySelector('div');
// Select the first .button element inside .main-navigation
const navMenu = document.getElementById('main-navigation');
const firstButtonChild = navMenu.querySelector('.button');
document.querySelector(".example");
const myHeading = document.querySelector('h1');
myHeading.textContent = 'Hello world!';
var x = $(".yourclass")[0];
console.log('jq' + x);
var y = document.querySelector(".yourclass");
console.log('js' + y);
const para = document.querySelectorAll('p');
element = document.querySelector(sélecteurs);
document.querySelector('html').onclick = function() {};
querySelector();