Siccome non voglio fare i compiti al posto tuo ti allego codice che dovrai... adattare.

codice HTML:
<!doctype html>
 <html>
     <head>
             <script style="text/javascript">
                 function formattazione(){
                     var testo=document.getElementById("testo").value;
                     var sfondo=document.getElementById("sfondo").value;
                     var colore=document.getElementById("colore").value;
           var grandezza=document.getElementById("grandezza").value;
                     //qui non riesco a sistemare 
           spanStyle  = "style='color:"+colore+";background-color:"+sfondo+";font-size:"+grandezza+"pt;'";
           daStampare = "Stampa del testo <span "+spanStyle+">"+testo+"</span>";
                     document.write(daStampare);
                 }
         
                 function formattazione2(){
                     var testo=document.getElementById("testo").value;
                     var sfondo=document.getElementById("sfondo").value;
                     var colore=document.getElementById("colore").value;
           var grandezza=document.getElementById("grandezza").value;
           
           miospan = document.getElementById("myspan");  
           
           miospan.style.color = colore;       
           miospan.style.backgroundColor = sfondo;
           miospan.style.fontSize = grandezza+'pt';    
           miospan.innerHTML = testo;     
                 }         
             </script>   
     </head>
     <body>
         <form name="form1">
             <h1> BENVENUTO</h1>
             <br>
                 testo: <input type="text" id="testo" value="" name="testo"/>
                 <br>
                 sfondo: <input type="text" id="sfondo" value="" name="sfondo"/>
                <br>
                 colore: <input type="text" id="colore" value="" name="colore"/>
             <br>
                 dimensione caratteri di base:
             <select id="grandezza">
                <option value="10">10</option>
                <option value="11">11</option>
                <option value="12">12</option>  
                <option value="14">14</option>                      
             </select>
             <br>
             <input type="button" value="invia dati" onclick="formattazione()">
       <br/>
             <input type="button" value="invia dati2" onclick="formattazione2()">
       <br/>
       <span id="myspan"></span>
         </form>
     </body>
 </html>