himagen - 井戸端

himagen

2021/03/09#6046e1c586501c0000c76a47

こういうのを生成したい

https://idy.herokuapp.com/hima

https://i.imgur.com/Mfc9AKY.png

15秒ごとに、暇じゃない漢字の混入具合が変わります

GyaTVを使う方法もあるかも増井俊之.icon

練習問題によさそう増井俊之.icon

spanで作れ、tableで作れ、flexboxで作れ、absoluteで作れ、など

http://gyatv.com/暇で15秒ごとに更新される

code:hima.js

$('body').children().remove()

$('body').css('background-color','#fff')

var randx = Math.floor(Math.random()*10)

var randy = Math.floor(Math.random()*10)

var randc = "叚瑕遐"Math.floor(Math.random()*3)

for(var y=0;y<10;y++){

for(var x=0;x<10;x++){

var c = (x == randx && y == randy ? randc : '暇')

$('<span>')

.text(c)

.css('position','absolute')

.css('left',x*50+10)

.css('top',y*50+10)

.css('font-size',40)

.appendTo($('body'))

}

}