1. But de l'expérience
(1) Maîtriser l'installation et la configuration des outils de développement
(2) Familier avec l'écriture, l'exécution et les méthodes d'accès aux programmes ;
2. Contenu expérimental
(1) Veuillez écrire une page HTML, laissez-la afficher "hello world !~~", utilisez css pour définir sa police sur Arial red ;
(2) Écrire une page HTML. La page contient deux parties : des chiffres et des boutons. Chaque fois que le bouton est cliqué, le nombre peut être augmenté d'une unité.
3. Exigences expérimentales
(1) Familier avec les balises HTML couramment utilisées ;
(2) Familier avec l'application grammaticale de CSS ;
(3) Maîtrise de la syntaxe et de l'utilisation de JS.
(4) Faites un bon travail de prévisualisation et clarifiez le but de l'expérience.
(5) Enregistrez soigneusement le processus de test et dessinez un résumé de la configuration ;
4. Étapes et résultats expérimentaux (y compris le code du programme et les captures d'écran en cours d'exécution)
(1) Veuillez écrire une page HTML, laissez-la afficher "hello world !~~", utilisez css pour définir sa police sur Arial red ;
<!DOCTYPE html >
< html lang= "en" >
< head >
< meta charset= "UTF-8" >
< title > Hello World ! </ title >
< style >
div {
font-family : "宋体" ;
couleur : rouge ;}
</ style >
</ head >
< body >
< div > salut le monde !
</ corps >
</ html >
(2) Écrire une page HTML. La page contient deux parties : des chiffres et des boutons. Chaque fois que le bouton est cliqué, le nombre peut être augmenté d'une unité.
< !DOCTYPE html >
< html lang= "en" >
< head >
< meta charset= "UTF-8" >
< title ></ title >
</ head >
< body >
< button οnclick= " add () " > click me </ bouton >
< type d'entrée = "texte" id = "texte" valeur = "0" /> <ai=48>< type de script =
"text/javascript" >
fonction ajouter (){
var x= document . getElementById( "texte" );
var a=x. valeur ;
un++ ;
x. valeur =un;
}
</ script >
</ corps >
</ html >
5. Réflexion expérimentale
- Lors de la première question, j'ai mis < style >
div { font-family : "宋体" ;
color : red ;}
</ style >
dans le corps car je n'ai pas fait assez attention, donc l'effet n'a pas été réalisé. Ensuite j'ai vérifié à nouveau soigneusement. Corrigé. - La deuxième question n'a rencontré aucun problème dans le processus de réponse, mais parce que je ne me souviens pas des points de connaissance de js, j'ai donc recherché et trouvé document.getElementById("userId"); dans le Dom; la méthode d'obtenir des éléments, et l'utilisation de la fonction de.