SefaMERT Aynı zamanda uzun bir kod yazacaksanız editördeki kod ekle kısmına 3-4 tırnak yaparak da yapabilirsiniz. Örnek aşağıdaki gibi bu şekilde kodlarınız da derli toplu gözükür.
body
height 100%
body
display flex
align-items center
justify-content center
font-family "Open Sans", sans-serif
background-color black
color white
div
display flex
flex-direction column
align-items center
input
font-size 1rem
font-family "Open Sans", sans-serif
text-align center
margin-bottom 4rem
border none
border-bottom 2px solid white
padding .5rem
background-color transparent
color white
outline none
input::placeholder
color white
// Retina Resolution
canvas
width 200px
height 200px`
**JS**
`const input = document.querySelector("input")
const canvas = document.getElementById("qr")
const createQR = (v) => {
// https://github.com/neocotic/qrious
return new QRious({
element: canvas,
value: v,
size: 400,
backgroundAlpha: 0,
foreground: "white",
})
}
const qr = createQR(input.value)
input.addEventListener("input", () => {
const qr = createQR(input.value)
})
