Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision		 Previous revision
yiler-interactivve-buttons-test [2023/01/29 20:41] – yiler.huangyiler-interactivve-buttons-test [2023/01/29 21:07] (current) – yiler.huang
Line 1: Line 1:
 +These are the buttons I made for the home page, the interaction only works on computers.
 +
 +Try hovwering your cursor around the buttons and see what happens.
 +
 ===== Some buttons here ===== ===== Some buttons here =====
  
Line 6: Line 10:
     <title>Interactive buttons test</title>     <title>Interactive buttons test</title>
     <style>     <style>
-    html{ 
-background-color:#262626;} 
  .buttons{  .buttons{
       width: auto;       width: auto;
Line 561: Line 563:
 let br = document.createElement("br") let br = document.createElement("br")
  
-document.getElementById("some_buttons_here").appendChild(br)+let whereButtonsGo = document.getElementById("some_buttons_here") 
 + 
 +whereButtonsGo.appendChild(br)
  
-buttonsArray.forEach(i => document.getElementById("some_buttons_here").appendChild(i))+buttonsArray.forEach(i => whereButtonsGo.appendChild(i))
  
  
  • yiler-interactivve-buttons-test.1675053695.txt.gz
  • Last modified: 2023/01/29 20:41
  • by yiler.huang