Passar variável do HTML para o Javascript

Front-end
#1

Gente , estou tentando enviar duas variáveis para o java script : firstname e lastname.
Tem uma função no JS que recebe o firstname e lastname

<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        
            <style type="text/css"> 
              @import url("Estilo.css");
            </style>
        
            <script type="text/javascript" src="Logica.js"></script>
    </head>
    <body >
        <p align = "Right"> <img src="Imagens\ace.png" width="640" height="480" alt="Imagens\ace"/></p>>
        <a href="http://www.youtube.com">Entrar no Youtube</a>
        
        <p id="id1"> Página de aprendizado </p>
        
            <form action="">
                First name: <input type="text" name="firstname" /><br />
                Last name: <input type="text" name="lastname" />
             </form>
        
        <input type="submit" value="Enviar"
               onclick="nome(valueOf(firstname),valueOf(lastname))"> 
        
        
    </body>
</html>

Minha dúvida esta nesta parte:

[quote]
First name:

Last name: 

    <input type="submit" value="Enviar"
           onclick="nome(valueOf(firstname),valueOf(lastname))"> 
    [/quote]
#2

tente:

&lt;form name="person"&gt; First name: &lt;input type="text" name="firstname" /&gt;<br /> Last name: &lt;input type="text" name="lastname" /&gt;<br /> &lt;input type="button" value="Enviar" onclick="nome(valueOf(document.person.firstname), valueOf(document.person.lastname))"&gt; &lt;/form&gt;

#3 
<!DOCTYPE html>  
<html>  
    <head>  
        <title></title>  
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
          
            <style type="text/css">   
              @import url("Estilo.css");  
            </style>  
          
            <script type="text/javascript" src="Logica.js"></script>  
    </head>  
    <body >  
        <p align = "Right"> <img src="Imagens\ace.png" width="640" height="480" alt="Imagens\ace"/></p>>  
        <a href="http://www.youtube.com">Entrar no Youtube</a>  
          
        <p id="id1"> Página de aprendizado </p>  
          
            <form action="">  
                First name: <input type="text" name="firstname" id="firstname" /><br />  
                Last name: <input type="text" name="lastname" id="lastname" />  
             
          
        <input type="submit" value="Enviar"  
               onclick="getFullName()">   
          </form>  
          
    </body>
<script type="text/javascript>  
 function getFullName(){
       var first = document.getElementById('firstname').value;
       var last = document.getElementById('lastname').value;
       alert(first + " " + last);
}
</script>
</html>

Não sei o que você quer fazer com os nomes ou para onde que enviá-los
porém criei ai uma condição para você testar e irá dar uma alert com o nome completo.
Flw.

#4