|
|
from fastapi import FastAPI |
|
|
from fastapi.responses import HTMLResponse |
|
|
|
|
|
app = FastAPI() |
|
|
state = [-1,-1,-1,-1,-1,-1,-1,-1,-1] |
|
|
step = '🐱' |
|
|
|
|
|
@app.get("/") |
|
|
def greet_json(): |
|
|
|
|
|
|
|
|
html_content = """ |
|
|
<html> |
|
|
<head> |
|
|
<title>Some HTML in here</title> |
|
|
<style> |
|
|
.char{ |
|
|
padding:20px; |
|
|
background-color:green; |
|
|
margin-left:55px; |
|
|
margin-right:55px; |
|
|
cursor:pointer; |
|
|
} |
|
|
.char:even { |
|
|
background-color:yellow; |
|
|
} |
|
|
</style> |
|
|
<script |
|
|
src="https://code.jquery.com/jquery-3.7.1.min.js" |
|
|
integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" |
|
|
crossorigin="anonymous"></script> |
|
|
|
|
|
</head> |
|
|
<body> |
|
|
<script> |
|
|
function go(i){ |
|
|
$.get('/turn/'+i); |
|
|
document.location.reload(); |
|
|
} |
|
|
</script> |
|
|
""" |
|
|
html_content += 'сейчас ходит: ' + step + '<br><br>' |
|
|
for i in range(9): |
|
|
if state[i] == -1: |
|
|
char = '_' |
|
|
elif state[i] == 1: |
|
|
char = '🐭' |
|
|
elif state[i] == 0: |
|
|
char = '🐱' |
|
|
|
|
|
if i in [0,3,6]: |
|
|
html_content += '<br><br><br><br>' |
|
|
html_content += '<span class="char"><span onclick="go('+str(i)+')">' + char + '</span></span>' |
|
|
|
|
|
html_content += '<br><br><br><br><br><a href="/reset">reset</a>' |
|
|
|
|
|
html_content += """ |
|
|
</body> |
|
|
</html> |
|
|
""" |
|
|
return HTMLResponse(content=html_content, status_code=200) |
|
|
|
|
|
def change_step(): |
|
|
global step |
|
|
print(step) |
|
|
if step == '🐱': |
|
|
step = '🐭' |
|
|
elif step == '🐭': |
|
|
step = '🐱' |
|
|
|
|
|
@app.get('/turn/{pos}') |
|
|
def turn(pos): |
|
|
global state |
|
|
|
|
|
if state[int(pos)] == '-1': |
|
|
state[int(pos)] = step |
|
|
else: |
|
|
state[int(pos)] = int(not state[int(pos)]) |
|
|
change_step() |
|
|
|
|
|
@app.get('/reset') |
|
|
def reset(): |
|
|
global state |
|
|
state = [-1,-1,-1,-1,-1,-1,-1,-1,-1] |
