Untitled

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>X-factor</title>
</head>

<body>
<script type="text/javascript">
   function funkcija(){
        var ime=document.getElementById("ime");
        var uime=document.getElementById("umetinickoIme");
        if(!ime.value.match(/\S/) || !uime.value.match(/\S/)){
            alert("Сите полиња се задолжителни");
        }
        else{
            var pol;
            if(document.getElementById("masko").checked){
                pol="машко";
            }
            else if(document.getElementById("zensko").checked){
                pol="женско";
            }
            alert(ime.value + "/n" +pol +"/n" + document.getElementById("odberi").value + "Успешно се пријавивте");
        }
    }
</script>

<h1>Форма за пријавување на X-Factor</h1>
<table>
    <tr>
        <td>Име</td>
        <td id="ime"><input type="text"></td>
    </tr>
    <tr>
        <td>Уметничко име</td>
        <td id="umetinickoIme"><input type="text"></td>
    </tr>
    <tr>
        <td>Пол</td>
        <td>
            <input type="radio" id="maski">Машки
            <input type="radio" id="zenski">Женски
        </td>
    </tr>
    <tr>
        <td>Жанр: </td>
        <td>
            <select id="odberi">
                <option>Classical</option>
                <option>Pop</option>
                <option>Rock</option>
            </select>
        </td>
    </tr>
</table>

<button type="button" onclick="funkcija()">Пријави се</button>

</body>
</html>