JSFiddle - React, Tailwind, and code Playground

by Plippie Plop

HTML

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/fonts/remixicon.css">
<button type="button" class="btn" data-button-type="scan">
<i class="ri-qr-code-line"></i> Scan
</button>

CSS

.btn{
  border:1px solid lightgrey;
  border-radius:3px;
  height:40px;
  padding:0.5rem 1rem;
  display:flex;
  align-items:center;
}

.btn i{
  margin-right:1rem;
}

JavaScript

const scanBtn = document.querySelector('.btn[data-button-type="scan"]');


scanBtn.addEventListener("click", scanHandler());


function scanHandler(){

console.log(this);

}

const date = new Date();
const additionOfYears = 10;
date.setFullYear(date.getFullYear() + additionOfYears); // For subtract use minus (-)
console.log('New Date:', date);