Помогите составить простую программу.

[Dvoishnik]

ну тогда по порятку

<img src= "nom1.jpg" width ="100" height = "200" onclick="ClikIm()"> 

как вы заметили различие всех 10 картинок в параметре src в нем указывается путь к файлу, если картинка находится в той же папке, что и страница достаточно ее имени, обратите внимание на форматы изображений они должны совпадать с вашими, к примеру у данной картинки формат jpg так же в коде есть пути с png.
width - ширина картинки в пикселях
height - высота картинки в пикселях
изменяя эти 2 параметра вы сможете подогнать картинку под ваш сайт.
onclick="ClikIm()" - событие и которое вызывает функцию при клике мыши функция отписана ниже по коду.

<img src= "" name ="MyImg" alt="кликните на одну из картинок выше" width ="210" height = "330">

эта тег в который выводится случайное изображение при помощи скрипта ниже после клика по картинке выше.
name ="MyImg" - параметр для обращения к элементу по имени из скрипта ниже
alt="кликните на одну из картинок выше" - то что выводится в элемент если путь указан неверно или не указан.
более подробное описание тега <img>
дальше расскажу про скрипт который управляет выводом случайной картинки

function getRandomArbitary(min, max) //функция которая возвращает случайное значение от min до max
 {
  return Math.floor(Math.random() * (max+1 - min) + min); 
 }

Math.floor ()- округляет значение
Math.random() * (max+1 - min) + min - возвращает случайное значение (число с десятичной дробью)
return - передает значение выше разобранного кода в имя функции

 
function ClikIm()  // функция вызываемая при клике на картинку 
{ 
 var g = getRandomArbitary(1, 10); //  присваиваем значение выше описанной функции с  параметрами min = 1, max =10 в переменную g  
 switch (g) {
  case 1:
   document.MyImg.src="nom1.jpg";
    break;
  case 2:
   document.MyImg.src="nom2.png";
    break;
  case 3:
   document.MyImg.src="nom3.png";
    break;
  case 4:
   document.MyImg.src="nom4.png";
    break;
  case 5:
   document.MyImg.src="nom5.jpg";
    break;
  case 6:
   document.MyImg.src="nom6.jpg";
    break;
  case 7:
   document.MyImg.src="nom7.jpg";
    break;
  case 8:
   document.MyImg.src="nom8.jpg";
    break;
  case 9:
   document.MyImg.src="nom9.jpg";
    break;
  case 10:
   document.MyImg.src="nom10.jpg";
    break;
 }
}

описание инструкции switch
и последнее document.MyImg.src="nom1.jpg"; - присваиваем <img> c именем MyImg путь к нужной нам картинке.

[СветаТень]

Сообщение от Dvoishnik

ну тогда по порятку

<img src= "nom1.jpg" width ="100" height = "200" onclick="ClikIm()"> 

как вы заметили различие всех 10 картинок в параметре src в нем указывается путь к файлу, если картинка находится в той же папке, что и страница достаточно ее имени, обратите внимание на форматы изображений они должны совпадать с вашими, к примеру у данной картинки формат jpg так же в коде есть пути с png.
width - ширина картинки в пикселях
height - высота картинки в пикселях
изменяя эти 2 параметра вы сможете подогнать картинку под ваш сайт.
onclick="ClikIm()" - событие и которое вызывает функцию при клике мыши функция отписана ниже по коду.

<img src= "" name ="MyImg" alt="кликните на одну из картинок выше" width ="210" height = "330">

эта тег в который выводится случайное изображение при помощи скрипта ниже после клика по картинке выше.
name ="MyImg" - параметр для обращения к элементу по имени из скрипта ниже
alt="кликните на одну из картинок выше" - то что выводится в элемент если путь указан неверно или не указан.
более подробное описание тега <img>
дальше расскажу про скрипт который управляет выводом случайной картинки

function getRandomArbitary(min, max) //функция которая возвращает случайное значение от min до max
 {
  return Math.floor(Math.random() * (max+1 - min) + min); 
 }

Math.floor ()- округляет значение
Math.random() * (max+1 - min) + min - возвращает случайное значение (число с десятичной дробью)
return - передает значение выше разобранного кода в имя функции

 
function ClikIm()  // функция вызываемая при клике на картинку 
{ 
 var g = getRandomArbitary(1, 10); //  присваиваем значение выше описанной функции с  параметрами min = 1, max =10 в переменную g  
 switch (g) {
  case 1:
   document.MyImg.src="nom1.jpg";
    break;
  case 2:
   document.MyImg.src="nom2.png";
    break;
  case 3:
   document.MyImg.src="nom3.png";
    break;
  case 4:
   document.MyImg.src="nom4.png";
    break;
  case 5:
   document.MyImg.src="nom5.jpg";
    break;
  case 6:
   document.MyImg.src="nom6.jpg";
    break;
  case 7:
   document.MyImg.src="nom7.jpg";
    break;
  case 8:
   document.MyImg.src="nom8.jpg";
    break;
  case 9:
   document.MyImg.src="nom9.jpg";
    break;
  case 10:
   document.MyImg.src="nom10.jpg";
    break;
 }
}

описание инструкции switch
и последнее document.MyImg.src="nom1.jpg"; - присваиваем <img> c именем MyImg путь к нужной нам картинке.

Спасибо еще раз за столь подробный ответ. Пошла экспериментировать ))