JSFiddle - React, Tailwind, and code Playground

by zxzc0

HTML

<ul>

<li><div id="d1">- </div><input type="text"></li>
<li><div id="d2">- </div><input type="text"></li>
<li><div id="d3">- </div><input type="text"></li>

</ul>

CSS

*{
  box-sizing: border-box;
  -moz-user-select: none; /* nie pozwól na zaznaczenia */
  user-select: none; /* nie pozwól na zaznaczenia */
}

body {
  background-color: #20262e;
  color: white;
  font-size: 20px;
}

ul{
  list-style-type: none;
}

li{
  margin: 5px;
}

div{
  display: inline-block;
}

input{
}

JavaScript

var words = [
	{q: 'der Schreibtisch', a: 'desk'},
  {q: 'der Schrank', a: 'cupboard'},
  {q: 'das Sofa', a: 'Sofa'},
]

const d1 = document.querySelector('#d1');
const d2 = document.querySelector('#d2');
const d3 = document.querySelector('#d3');

function rand(){
	return Math.floor(Math.random() * words.length);  
}

d1.innerText = words[rand()].q;
d2.innerText = words[rand()].q;
d3.innerText = words[rand()].q;

if(d1 == )