Ecco un test per valutare le competenze acquisite sul linguaggio JavaScript.
Valuta le tue competenze su concetti di base ed avanzati di JavaScript con i test creati su Coding Creativo.
16 Il tuo punteggio è The average score is 64% Restart quiz div#ays-quiz-container-2 * { box-sizing: border-box; } /* Styles for Internet Explorer start */ #ays-quiz-container-2 #ays_finish_quiz_2 { } /* Styles for Quiz container */ #ays-quiz-container-2{ min-height: 350px; width:400px; background-color:#ffffff; background-position:center center;border-radius:0px 0px 0px 0px;box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.4);border: none;} /* Styles for questions */ #ays-quiz-container-2 #ays_finish_quiz_2 div.step { min-height: 350px; } /* Styles for text inside quiz container */ #ays-quiz-container-2 .ays-start-page *:not(input), #ays-quiz-container-2 .ays_question_hint, #ays-quiz-container-2 label[for^=”ays-answer-“], #ays-quiz-container-2 #ays_finish_quiz_2 p, #ays-quiz-container-2 #ays_finish_quiz_2 .ays-fs-title, #ays-quiz-container-2 .ays-fs-subtitle, #ays-quiz-container-2 .logged_in_message, #ays-quiz-container-2 .ays_score_message, #ays-quiz-container-2 .ays_message{ color: #515151; outline: none; } #ays-quiz-container-2 .ays-quiz-password-message-box, #ays-quiz-container-2 .ays-quiz-question-note-message-box, #ays-quiz-container-2 .ays_quiz_question, #ays-quiz-container-2 .ays_quiz_question *:not([class^=’enlighter’]) { color: #515151; } #ays-quiz-container-2 textarea, #ays-quiz-container-2 input::first-letter, #ays-quiz-container-2 select::first-letter, #ays-quiz-container-2 option::first-letter { color: initial !important; } #ays-quiz-container-2 p::first-letter:not(.ays_no_questions_message) { color: #515151 !important; background-color: transparent !important; font-size: inherit !important; font-weight: inherit !important; float: none !important; line-height: inherit !important; margin: 0 !important; padding: 0 !important; } #ays-quiz-container-2 .select2-container, #ays-quiz-container-2 .ays-field * { font-size: 15px !important; } #ays-quiz-container-2 .ays_quiz_question p { font-size: 16px; } #ays-quiz-container-2 .ays-fs-subtitle p { text-align: center ; } #ays-quiz-container-2 .ays_quiz_question { text-align: center ; margin-bottom: 10px; } #ays-quiz-container-2 .ays_quiz_question pre { max-width: 100%; white-space: break-spaces; } #ays-quiz-container-2 .ays-quiz-timer p { font-size: 16px; } #ays-quiz-container-2 section.ays_quiz_redirection_timer_container hr, #ays-quiz-container-2 section.ays_quiz_timer_container hr { margin: 0; } #ays-quiz-container-2 section.ays_quiz_timer_container.ays_quiz_timer_red_warning .ays-quiz-timer { color: red; } #ays-quiz-container-2 .ays_thank_you_fs p { text-align: center; } #ays-quiz-container-2 input[type=’button’], #ays-quiz-container-2 input[type=’submit’] { color: #515151 !important; outline: none; } #ays-quiz-container-2 .information_form input[type=’text’], #ays-quiz-container-2 .information_form input[type=’url’], #ays-quiz-container-2 .information_form input[type=’number’], #ays-quiz-container-2 .information_form input[type=’email’], #ays-quiz-container-2 .information_form input[type=’checkbox’], #ays-quiz-container-2 .information_form input[type=’tel’], #ays-quiz-container-2 .information_form textarea, #ays-quiz-container-2 .information_form select, #ays-quiz-container-2 .information_form option { color: initial !important; outline: none; background-image: unset; } #ays-quiz-container-2 .wrong_answer_text{ color:#ff4d4d; } #ays-quiz-container-2 .right_answer_text{ color:#33cc33; } #ays-quiz-container-2 .ays_cb_and_a, #ays-quiz-container-2 .ays_cb_and_a * { color: rgb(81,81,81); text-align: center; } /* Quiz textarea height */ #ays-quiz-container-2 textarea { height: 100px; min-height: 100px; } /* Quiz rate and passed users count */ #ays-quiz-container-2 .ays_quizn_ancnoxneri_qanak, #ays-quiz-container-2 .ays_quiz_rete_avg { color:#ffffff !important; background-color:#515151; } #ays-quiz-container-2 .ays-questions-container > .ays_quizn_ancnoxneri_qanak { padding: 5px 20px; } #ays-quiz-container-2 div.for_quiz_rate.ui.star.rating .icon { color: rgba(81,81,81,0.35); } #ays-quiz-container-2 .ays_quiz_rete_avg div.for_quiz_rate_avg.ui.star.rating .icon { color: rgba(255,255,255,0.5); } #ays-quiz-container-2 .ays_quiz_rete .ays-quiz-rate-link-box .ays-quiz-rate-link { color: #515151; } /* Loaders */ #ays-quiz-container-2 div.lds-spinner, #ays-quiz-container-2 div.lds-spinner2 { color: #515151; } #ays-quiz-container-2 div.lds-spinner div:after, #ays-quiz-container-2 div.lds-spinner2 div:after { background-color: #515151; } #ays-quiz-container-2 .lds-circle, #ays-quiz-container-2 .lds-facebook div, #ays-quiz-container-2 .lds-ellipsis div{ background: #515151; } #ays-quiz-container-2 .lds-ripple div{ border-color: #515151; } #ays-quiz-container-2 .lds-dual-ring::after, #ays-quiz-container-2 .lds-hourglass::after{ border-color: #515151 transparent #515151 transparent; } /* Stars */ #ays-quiz-container-2 .ui.rating .icon, #ays-quiz-container-2 .ui.rating .icon:before { font-family: Rating !important; } /* Progress bars */ #ays-quiz-container-2 #ays_finish_quiz_2 .ays-progress { border-color: rgba(81,81,81,0.8); } #ays-quiz-container-2 #ays_finish_quiz_2 .ays-progress-bg { background-color: rgba(81,81,81,0.3); } #ays-quiz-container-2 .ays-progress-value { color: #515151; text-align: center; } #ays-quiz-container-2 .ays-progress-bar { background-color: #27ae60; } #ays-quiz-container-2 .ays-question-counter .ays-live-bar-wrap { direction:ltr !important; } #ays-quiz-container-2 .ays-live-bar-fill{ color: #515151; border-bottom: 2px solid rgba(81,81,81,0.8); text-shadow: 0px 0px 5px #ffffff; } #ays-quiz-container-2 .ays-live-bar-fill.ays-live-fourth, #ays-quiz-container-2 .ays-live-bar-fill.ays-live-third, #ays-quiz-container-2 .ays-live-bar-fill.ays-live-second { text-shadow: unset; } #ays-quiz-container-2 .ays-live-bar-percent{ display:none; } #ays-quiz-container-2 #ays_finish_quiz_2 .ays_average { text-align: center; } /* Music, Sound */ #ays-quiz-container-2 .ays_music_sound { color:rgb(81,81,81); } /* Dropdown questions scroll bar */ #ays-quiz-container-2 blockquote { border-left-color: #515151 !important; } /* Quiz Password */ #ays-quiz-container-2 .ays-start-page > input[id^=’ays_quiz_password_val_’], #ays-quiz-container-2 .ays-quiz-password-toggle-visibility-box { width: 100%; } /* Question hint */ #ays-quiz-container-2 .ays_question_hint_container .ays_question_hint_text { background-color:#ffffff; box-shadow: 0 0 15px 3px rgba(0,0,0,0.6); max-width: 270px; } #ays-quiz-container-2 .ays_question_hint_container .ays_question_hint_text p { max-width: unset; } #ays-quiz-container-2 .ays_questions_hint_max_width_class { max-width: 80%; } /* Information form */ #ays-quiz-container-2 .ays-form-title{ color:rgb(81,81,81); } /* Quiz timer */ #ays-quiz-container-2 div.ays-quiz-redirection-timer, #ays-quiz-container-2 div.ays-quiz-timer{ color: #515151; text-align: center; } #ays-quiz-container-2 div.ays-quiz-timer.ays-quiz-message-before-timer:before { font-weight: 500; } /* Quiz title / transformation */ #ays-quiz-container-2 .ays-fs-title{ text-transform: uppercase; font-size: 21px; text-align: center; text-shadow: none; } /* Quiz buttons */ #ays-quiz-container-2 .ays_arrow { color:#515151!important; } #ays-quiz-container-2 input#ays-submit, #ays-quiz-container-2 #ays_finish_quiz_2 .action-button, div#ays-quiz-container-2 #ays_finish_quiz_2 .action-button.ays_restart_button { background: none; background-color: #27ae60; color:#515151; font-size: 17px; padding: 10px 20px; border-radius: 3px; height: auto; letter-spacing: 0; box-shadow: unset; } #ays-quiz-container-2 input#ays-submit, #ays-quiz-container-2 #ays_finish_quiz_2 input.action-button { } #ays-quiz-container-2 #ays_finish_quiz_2 .action-button.ays_check_answer { padding: 5px 10px; font-size: 17px !important; } #ays-quiz-container-2 #ays_finish_quiz_2 .action-button.ays_restart_button { white-space: nowrap; padding: 5px 10px; white-space: normal; } #ays-quiz-container-2 input#ays-submit:hover, #ays-quiz-container-2 input#ays-submit:focus, #ays-quiz-container-2 #ays_finish_quiz_2 .action-button:hover, #ays-quiz-container-2 #ays_finish_quiz_2 .action-button:focus { background: none; box-shadow: 0 0 0 2px #515151; background-color: #27ae60; } #ays-quiz-container-2 .ays_restart_button { color: #515151; } #ays-quiz-container-2 .ays_buttons_div { justify-content: center; } #ays-quiz-container-2 .ays_finish.action-button{ margin: 10px 5px; } #ays-quiz-container-2 .ays-share-btn.ays-share-btn-branded { color: #fff; } /* Question answers */ #ays-quiz-container-2 .ays-field { border-color: #444; border-style: solid; border-width: 1px; box-shadow: none; } /* Answer maximum length of a text field */ #ays-quiz-container-2 .ays_quiz_question_text_message{ color: #515151; text-align: left; font-size: 12px; } div#ays-quiz-container-2 div.ays_quiz_question_text_error_message { color: #ff0000; } #ays-quiz-container-2 .ays-quiz-answers .ays-field:hover{ opacity: 1; } #ays-quiz-container-2 #ays_finish_quiz_2 .ays-field { margin-bottom: 10px; } #ays-quiz-container-2 #ays_finish_quiz_2 .ays-field.ays_grid_view_item { width: calc(50% – 5px); } #ays-quiz-container-2 #ays_finish_quiz_2 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 5px; } #ays-quiz-container-2 #ays_finish_quiz_2 .ays-field input:checked+label:before { border-color: #27ae60; background: #27ae60; background-clip: content-box; } #ays-quiz-container-2 .ays-quiz-answers div.ays-text-right-answer { color: #515151; } /* Questions answer image */ #ays-quiz-container-2 .ays-answer-image { width:50%; } /* Questions answer right/wrong icons */ #ays-quiz-container-2 .ays-field input~label.answered.correct:after{ content: url(‘https://www.codingcreativo.it/wp-content/plugins/quiz-maker/public/images/correct.png’); } #ays-quiz-container-2 .ays-field input~label.answered.wrong:after{ content: url(‘https://www.codingcreativo.it/wp-content/plugins/quiz-maker/public/images/wrong.png’); } /* Dropdown questions */ #ays-quiz-container-2 #ays_finish_quiz_2 .ays-field .select2-container–default .select2-selection–single { border-bottom: 2px solid #27ae60; background-color: #27ae60; } #ays-quiz-container-2 .ays-field .select2-container–default .select2-selection–single .select2-selection__placeholder, #ays-quiz-container-2 .ays-field .select2-container–default .select2-selection–single .select2-selection__rendered, #ays-quiz-container-2 .ays-field .select2-container–default .select2-selection–single .select2-selection__arrow { color: #aeaeae; } #ays-quiz-container-2 .select2-container–default .select2-search–dropdown .select2-search__field:focus, #ays-quiz-container-2 .select2-container–default .select2-search–dropdown .select2-search__field { outline: unset; padding: 0.75rem; } #ays-quiz-container-2 .ays-field .select2-container–default .select2-selection–single .select2-selection__rendered, #ays-quiz-container-2 .select2-container–default .select2-results__option–highlighted[aria-selected] { background-color: #27ae60; } #ays-quiz-container-2 .ays-field .select2-container–default, #ays-quiz-container-2 .ays-field .select2-container–default .selection, #ays-quiz-container-2 .ays-field .select2-container–default .dropdown-wrapper, #ays-quiz-container-2 .ays-field .select2-container–default .select2-selection–single .select2-selection__rendered, #ays-quiz-container-2 .ays-field .select2-container–default .select2-selection–single .select2-selection__rendered .select2-selection__placeholder, #ays-quiz-container-2 .ays-field .select2-container–default .select2-selection–single .select2-selection__arrow, #ays-quiz-container-2 .ays-field .select2-container–default .select2-selection–single .select2-selection__arrow b[role=’presentation’] { font-size: 16px !important; } #ays-quiz-container-2 .select2-container–default .select2-results__option { padding: 6px; } /* Dropdown questions scroll bar */ #ays-quiz-container-2 .select2-results__options::-webkit-scrollbar { width: 7px; } #ays-quiz-container-2 .select2-results__options::-webkit-scrollbar-track { background-color: rgba(255,255,255,0.35); } #ays-quiz-container-2 .select2-results__options::-webkit-scrollbar-thumb { transition: .3s ease-in-out; background-color: rgba(81,81,81,0.55); } #ays-quiz-container-2 .select2-results__options::-webkit-scrollbar-thumb:hover { transition: .3s ease-in-out; background-color: rgba(81,81,81,0.85); } /* Audio / Video */ #ays-quiz-container-2 .mejs-container .mejs-time{ box-sizing: unset; } #ays-quiz-container-2 .mejs-container .mejs-time-rail { padding-top: 15px; } #ays-quiz-container-2 .mejs-container .mejs-mediaelement video { margin: 0; } /* Limitation */ #ays-quiz-container-2 .ays-quiz-limitation-count-of-takers { padding: 50px; } /* Hestia theme (Version: 3.0.16) | Start */ #ays-quiz-container-2 .mejs-container .mejs-inner .mejs-controls .mejs-button > button:hover, #ays-quiz-container-2 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { box-shadow: unset; background-color: transparent; } #ays-quiz-container-2 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { margin: 10px 6px; } /* Hestia theme (Version: 3.0.16) | End */ /* Go theme (Version: 1.4.3) | Start */ #ays-quiz-container-2 label[for^=’ays-answer’]:before, #ays-quiz-container-2 label[for^=’ays-answer’]:before { -webkit-mask-image: unset; mask-image: unset; } #ays-quiz-container-2.ays_quiz_classic_light .ays-field input:checked+label.answered.correct:before, #ays-quiz-container-2.ays_quiz_classic_dark .ays-field input:checked+label.answered.correct:before { background-color: #27ae60 !important; } /* Go theme (Version: 1.4.3) | End */ #ays-quiz-container-2 .ays_quiz_results fieldset.ays_fieldset .ays_quiz_question .wp-video { width: 100% !important; max-width: 100%; } /* Classic Dark / Classic Light */ /* Dropdown questions right/wrong styles */ #ays-quiz-container-2.ays_quiz_classic_dark .correct_div, #ays-quiz-container-2.ays_quiz_classic_light .correct_div{ border-color:green !important; opacity: 1 !important; background-color: rgba(39,174,96,0.4) !important; } #ays-quiz-container-2.ays_quiz_classic_dark .correct_div .selected-field, #ays-quiz-container-2.ays_quiz_classic_light .correct_div .selected-field { padding: 0px 10px 0px 10px; color: green !important; } #ays-quiz-container-2.ays_quiz_classic_dark .wrong_div, #ays-quiz-container-2.ays_quiz_classic_light .wrong_div{ border-color:red !important; opacity: 1 !important; background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-2.ays_quiz_classic_dark .ays-field, #ays-quiz-container-2.ays_quiz_classic_light .ays-field { text-align: left; /*margin-bottom: 10px;*/ padding: 0; transition: .3s ease-in-out; } #ays-quiz-container-2 .ays-quiz-close-full-screen { fill: #515151; } #ays-quiz-container-2 .ays-quiz-open-full-screen { fill: #515151; } @media screen and (max-width: 768px){ #ays-quiz-container-2{ max-width: 100%; } #ays-quiz-container-2 .ays_quiz_question p { font-size: 16px; } #ays-quiz-container-2 .select2-container, #ays-quiz-container-2 .ays-field * { font-size: 15px !important; } div#ays-quiz-container-2 input#ays-submit, div#ays-quiz-container-2 #ays_finish_quiz_2 .action-button, div#ays-quiz-container-2 #ays_finish_quiz_2 .action-button.ays_restart_button { font-size: 17px; } /* Quiz title / mobile font size */ div#ays-quiz-container-2 .ays-fs-title { font-size: 21px; } } /* Custom css styles */ /* RTL direction styles */ #ays-quiz-container-2 p { margin: 0.625em; } #ays-quiz-container-2 .ays-field.checked_answer_div input:checked+label { background-color: rgba(39,174,96,0.6); } #ays-quiz-container-2.ays_quiz_classic_light .enable_correction .ays-field.checked_answer_div input:checked+label, #ays-quiz-container-2.ays_quiz_classic_dark .enable_correction .ays-field.checked_answer_div input:checked+label { background-color: transparent; } #ays-quiz-container-2 .ays-field.checked_answer_div input:checked+label:hover { background-color: rgba(39,174,96,0.8); } #ays-quiz-container-2 .ays-field:hover label{ background: rgba(39,174,96,0.8); /* border-radius: 4px; */ color: #fff; transition: all .3s; } #ays-quiz-container-2 #ays_finish_quiz_2 .action-button:hover, #ays-quiz-container-2 #ays_finish_quiz_2 .action-button:focus { box-shadow: 0 0 0 2px white, 0 0 0 3px #27ae60; background: #27ae60; }
Scrivi nei commenti eventuali dubbi o difficoltà o se c’è qualcosa di errato secondo voi!
Segui il nostro tutorial per apprendere sempre nuovi concetti al seguente link tutorial JavaScript!
Ecco alcuni link utili che puoi trovare sul blog:
Metodo includes
Proprietà length
Gioco indovina numero in JavaScript
Semplice quiz utilizzando gli array
Come sviluppare il gioco del 15 in JavaScript
Gioco della slot machine in JavaScript
Memory Game in JavaScript
Funzioni JavaScript e istruzione return
Funzioni di callback
Esempi funzioni di callback
Callback e setTimeout