Click here for free DL of the app version that can save data.

No:29099

Add 3 emojis, if you click it changes position, if..ALL
Developer User14399｜Date and time 23/12/16 1:26:34
Build time 31.216 sec｜Game capacity 1.629KB｜

Script

Jogo dos Emojis

🤪🤯😎

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

Click here for free DL of the app version that can save data.

<!DOCTYPE html>
<html>
<head>
<title>Jogo de Emojis</title>
<style>
body {
  text-align: center;
}

#emojis {
  position: relative;
  margin-top: 100px;
  cursor: pointer;
}

.emoji {
  display: inline-block;
  width: 50px;
  height: 50px;
  margin: 10px;
}

#emoji1 {
  position: absolute;
  top: 0;
  left: 0;
}

#emoji2 {
  position: absolute;
  top: 0;
  right: 0;
}

#emoji3 {
  position: absolute;
  bottom: 0;
  right: 0;
}
</style>
</head>
<body>
<h1>Jogo dos Emojis</h1>
<div id="emojis">
  <img id="emoji1" class="emoji" src="emoji1.png">
  <img id="emoji2" class="emoji" src="emoji2.png">
  <img id="emoji3" class="emoji" src="emoji3.png">
</div>

let emoji1Pos = {
    top: emoji1.style.top,
    left: emoji1.style.left
  };

emoji1.style.top = emoji2.style.top;
  emoji1.style.left = emoji2.style.left;
  emoji2.style.top = emoji3.style.top;
  emoji2.style.left = emoji3.style.left;
  emoji3.style.top = emoji1Pos.top;
  emoji3.style.left = emoji1Pos.left;
}

// Função para adicionar o evento de clique aos emojis
function addClickEventToEmojis() {
  let emojis = document.getElementsByClassName("emoji");
  for (let i = 0; i < emojis.length; i++) {
    emojis[i].addEventListener("click", mixEmojis);
  }
}

// Início do programa
addClickEventToEmojis();
</script>
</body>
</html>
🤪🤯😎