DEV Community: nopekun

Arduino flip flop #1

nopekun — Sun, 09 Apr 2023 07:48:15 +0000

Berikut kode untuk membuat rangkaian flip flop seperti gambar diatas.

void setup () {
   digitalWrite(0, HIGH);
   digitalWrite(7, HIGH);
}

int curr = 0;
int isUp = 1;

void loop() {
   delay(500);
   if(curr==0) isUp =1;
   if(curr==3) isUp = 0;
   digitalWrite(curr, LOW);
   digitalWrite(7-curr, LOW);
   if(isUp) {
      curr++;
   } else {
      curr--;
   }
   digitalWrite(curr, HIGH);
   digitalWrite(7-curr, HIGH);
}

Cara kerjanya pertama pin 0 dan pin 7 akan menyala, lalu akan looping increment hingga pin ke - 3. Setelah sampai posisi pin 3 maka akan looping ke bawah dan seterusnya,

Apa yang menarik di Next.Js 12.3

nopekun — Sun, 16 Oct 2022 07:42:34 +0000

Next.js versi 12.3 membawa beberapa peningkatan antara lain:

Improved Fast Refresh
TypeScript Auto-Install
Image Component
SWC Minifier
New Router + Layouts Update

Dari beberapa peningkatan di atas yang membuat saya cukup tertarik adalah adanya TypeScript Auto-Install, simpel tapi sangat membantu. Dengan fitur ini kita bisa tidak perlu ribet setup insatalasi typescript di projek yang sudah ada, cukup menambahkan file typescript next.js akan otomatis menginstall setup yang diperlukan. Fitur ini akan otomatis bekerja saat kita menjalankan perintah next dev atau next build.

Tic tac toe game with vanilla js

nopekun — Sat, 03 Oct 2020 14:23:33 +0000

Ok, i'll share how to make simple tic tac toe game with vanilla js.

How its work?

If player = x then player change to o
If clicked time more than equal 9 blocks disabled

Lets Do it!

index.html

<!DOCTYPE html>
<html>
<head>
  <title>Example</title>
</head>
<body>


  <style type="text/css" media="all">
    td {
      width: 100px;
      height: 100px;
      background: black;
      color: white;
      line-height: 100px;
      text-align: center;
      font-size: 3rem;
    }
  </style>
  <button type="submit">Reset</button>
  <table border="0">
    <tr>
      <td id="1"></td>
      <td id="2"></td>
      <td id="3"></td>
    </tr>
    <tr>
      <td id="4"></td>
      <td id="5"></td>
      <td id="6"></td>
    </tr>
    <tr>
      <td id="7"></td>
      <td id="8"></td>
      <td id="9"></td>
    </tr>
  </table>
  <script>

    const blocks = document.querySelector("table");
    const reset = document.querySelector("button");

    let selected = [];
    let player = '';


    blocks.addEventListener('click', (e)=> {
      if (selected.length <= 8) {
        let id = e.target.id;
        player == 'O'?output(id, 'X'): output(id, 'O');
        selected.push(id);
      }
    });

    reset.addEventListener('click',()=>{
      selected.forEach(x => output(x,''));
      selected = [];
    })

    function output(id, val) {
      player = val;
      document.getElementById(id).innerHTML = val;
    }
  </script>
</body>
</html>

Simple Telegram bot with nodejs express. Code with Termux

nopekun — Fri, 25 Sep 2020 04:06:11 +0000

Hi, this my first post so yeah let's get started.

install termux

If you already had Termux let's go to the next step.

Install node js with command

pkg install nodejs

Then, make a new directory

mkdir bot && cd bot

Initialize project

npm init

Install express

npm i express --save

Make a new index.js

nano index.js

And this is the code

const Telegraf = require('telegraf');
const bot = new Telegraf(token);

bot.start(ctx=>ctx.reply('Samlekom Mamank'));
bot.launch();

console.log('Bot started')

Save the code and run it with command

node index.js

Good luck:v