<!DOCTYPE html>
<html>
<body>
<canvas id="myCanvas" width="200" height="100" style="border:1px solid grey"></canvas>
<br>
<input type="button" onclick="my_generate()" value="генерировать грань">
<script>
function my_generate(){
const c = document.getElementById("myCanvas");
const ctx = c.getContext("2d");
ctx.fillStyle = "white";
ctx.fillRect(0, 0,100, 100);
let gran = Math.floor(Math.random() *5)+1;
if (gran == 1){
ctx.fillStyle = "red";
ctx.font = "30px Arial";
ctx.fillText("один", 10, 50);
}
if (gran == 2){
ctx.fillStyle = "red";
ctx.font = "30px Arial";
ctx.fillText("два", 10, 50);
}
if (gran == 3){
ctx.fillStyle = "red";
ctx.font = "30px Arial";
ctx.fillText("три", 10, 50);
}
if (gran == 4){
ctx.fillStyle = "red";
ctx.font = "30px Arial";
ctx.fillText("четыре", 10, 50);
}
if (gran == 5){
ctx.fillStyle = "red";
ctx.font = "30px Arial";
ctx.fillText("пять", 10, 50);
}
if (gran == 6){
ctx.fillStyle = "red";
ctx.font = "30px Arial";
ctx.fillText("шесть", 10, 50);
}
}
</script>
</body>
</html>
| 