html | Button | input check

Question

Всем приветик:3, я хочу хоть немного выучить html и css, Предупреждаю мои знания завершаются на коде который я скину ниже, так вот, как сделать чтобы при нажатии кнопки на сайте выполнялся скрипт пайтон который в свою очередь проверял чему равен input. И как сделать мини консоль что-ли, или окошко со списком?

Тот самый код:

<!DOCTYPE html>
<html>
    
 <head>
    
  <title>Hacker Soft</title>
  
  <style>
    .colortext {
     color: #000;
    }
   </style>
   
  <skript src ='eel.js'></skript>
  
  <link rel='icon' type="image/png" href="code/png">
  <link rel="stylesheet" href="main.css">
 </head>
 <body>
    <input id="input" type="Type:)" placeholder="Input" required="" value="CMD" class = 'colortext'>
    <button id="button" text="Enter" value="Ok" placeholder="Input" required="">Кнопка</button>
    
    
 </body>
</html>

и ксс код к нему

* {
    font-family: 'Comfortaa', lite;
}
body {
    
  background: #2980b9; /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #2980b9, #6dd5fa, #ffffff); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #2980b9, #6dd5fa, #ffffff); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  color:rgb(0, 0, 0);
}
#input {
    border: none; 
    background: #200122; /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #200122, #6f0000); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #200122, #6f0000); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    margin-top: 15px;

    border-radius: 5px;
    padding: 10px;
    color: rgb(255, 255, 255);
    outline: none;
    width: 20%;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
    text-emphasis-color: black;
}
#button {
    border: none;
    background: #1cd8d2; /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #1cd8d2, #93edc7); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #1cd8d2, #93edc7); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    block-size: auto;
}

БЛОГ НА HUSL

html | Button | input check

Ответы (0 шт):