Add multiple JavaScript files to template header [duplicate]

You can’t have <script> elements within your PHP like that. Either take them out of the PHP delimiters (<?php ?>) or use wp_register_script() and wp_enqueue_script() to get your scripts within WordPress.

Update

how can i use wp_enqueue_script() with multiple scripts ?

wp_register_script( 'jquery-1.8.2', get_template_directory_uri() . "https://wordpress.stackexchange.com/scripts/jquery-1.8.2.min.js" );
wp_register_script( 'contact', get_template_directory_uri() . '/scripts/contact.js' );
wp_register_script( 'easing-1.3', get_template_directory_uri() . '/scripts/jquery.easing.1.3.js' );
wp_register_script( 'carousel-2.0.0', get_template_directory_uri() . '/scripts/jsCarousel-2.0.0.js' );
wp_register_script( 'starter', get_template_directory_uri() . '/scripts/starter.js' );

wp_enqueue_script( 'jquery-1.8.2' );
wp_enqueue_script( 'contact' );
wp_enqueue_script( 'easing-1.3' );
wp_enqueue_script( 'carousel-2.0.0' );
wp_enqueue_script( 'starter' );

Then in the starter.js script you can put:

$(document).ready(function() {
    $('#carouselv').jsCarousel({ onthumbnailclick: function(src) { alert(src); }, autoscroll: true, masked: false, itemstodisplay: 3, orientation: 'v' });
    $('#carouselh').jsCarousel({ onthumbnailclick: function(src) { alert(src); }, autoscroll: true, circular: true, masked: false, itemstodisplay: 3, orientation: 'h' });
    $('#carouselhAuto').jsCarousel({ onthumbnailclick: function(src) { alert(src); }, autoscroll: true, masked: true, itemstodisplay: 5, orientation: 'h' });
});