Pesquisar na Comunidade

Boa tarde, Gostaria de saber quais os passos para conseguir o seguinte resultado: 1) A tela mostra 10 imagens (aleatórias, em um banco de 80 imagens, sem repetição), cada uma com 10 caixas de texto abaixo. 2) O usuário digita o nome destas imagens. 3) Ao final, de acordo com os acertos e erros é direcionado a uma página especifica X ou Y. 4) Um grande desafio é: o sistema atribuir determinadas notas para cada tipo de palavra. 4.1 Imagine que temos a imagem "SAPO". 4.2 Se o usuário digitar "SAAP" não recebe o total, mas recebe uma nota B, por exemplo. 4.3 Porém necessito que vastas possibilidades possam ser ocnsideras, substituindo por exemplo alguns caracteres por "*", que representaria qualquer caractere. Por exemplo: "S*PO". Assim, se o usuário digitar: "S@PO" "S1PO" "SWPO" "S44PO" "SAAAAAPO" será considerado. _________________ Desculpe o grande texto, mas quis ser bem claro. Estou iniciando e ficarei satisfeito se alguém puder me direcionar, souber outra forma que não seja javascript, mas online e que fosse mais rápido. O que vou necessitar, quais passos... Muito obrigado!