Как сделать при нечётном клике один звук, а при чётном другой?

Question

[partyzanx]

<td class="i" onclick="var mp3 = new Audio('/Ozvuchka/Grammatika/HSK1/bazovyj_porjado/nipao.mp3');mp3.play();"> 跑 。</td>

Как сделать при каждом нечётном клике один звук, а при чётном другой? Интересует ява именно внутри html

Comments

[gleendo]

Андрей Н:

Интересует ява именно внутри html

Этим все сказано...

Answer 1

[sta-ger]

Если я правильно понял про

ява именно внутри html

то так:

<td onclick="
if (!window.i) window.i = 0
if (window.i % 2) {
// звук при нечетном
} else {
// звук при четном
}
window.i++;
">text</td>

Comments

[partyzanx]

Правильно! А как именно вставить звук в скобочках или как, можете на примере показать?

[sta-ger]

Можно так:

<td onclick="
var mp3;
if (!window.i) window.i = 0
if (window.i % 2) {
mp3 = new Audio('нечетный.mp3');
} else {
mp3 = new Audio('четный.mp3');
}
mp3.play();
window.i++;
">text</td>

[partyzanx]

sta-ger: спасибо, выручили)

Answer 2

[alvvi]

<td data-counter="0"></td>

var n = this.getAttribute('data-counter'); 
n % 2 === 0 ? new Audio('whatever.mp3').play() : new Audio('smhelse.mp3').play(); 
n++;
this.setAttribute('data-counter', n);

Comments

[alvvi]

Андрей Н: где вы предлагаете хранить значение переменной?

[alvvi]

Андрей Н: а теперь перечитайте вопрос.

[alvvi]

Андрей Н:

Интересует ява именно внутри html

Очевидно, человеку нужен скрипт который он может поместить в onclick. Если поместить туда ваш скрипт, ничего работать не будет.

[gleendo]

Илья Ростопка: Очевидно человеку нужно понять что JS !== Java

[alvvi]

iamevg_: то есть вы серьезно не поняли, что под явой он имел в виду JS? Не понимаю этого стеба на ровном месте.

[gleendo]

Илья Ростопка: то есть вы серьезно не поняли что человек вообще не шарит?

[alvvi]

iamevg_: что в вашем понимании "не шарит"? Как это относится к вопросу?

Answer 3

[gleendo]

Demo

Comments

[Сергей Соколов]

Андрей Н: вот, где ЧСВ покруче моего ))

Answer 4

[Сергей Соколов]

Можно, как и просит ТС, прямо в HTML. При первом клике инициализировать массив из двух аудио, и переназначить функцию onclick:

this.a=[
  new Audio('https://wav-library.net/sfx/mix/LightSwitch.mp3'),
  new Audio('https://wav-library.net/prmusic/rock/Run.mp3')
];
this.f=()=>{ // это будет новый обработчик клика
  var cc=!!this.cc; // для краткости записи
  this.a[+!cc].pause(), // если предыдущий длинный играет - стоп его!
  this.a[+!cc].currentTime=0, // ..и перемотать на начало.
  a[+cc].play(), // играть новый
  this.cc=!cc // переназначить счётчик ( true | false )
};
this.onclick=this.f, // переназначить хэндлер клика
this.f() // вызвать для первого клика принудительно

CodePen

HTML с этим скриптом будет такой:

<td onclick="this.a=[ new Audio('https://wav-library.net/sfx/mix/LightSwitch.mp3'), new Audio('https://wav-library.net/prmusic/rock/Run.mp3')];
this.f=()=>{var cc=!!this.cc;this.a[+!cc].pause(),this.a[+!cc].currentTime=0,a[+cc].play(),this.cc=!cc};
this.onclick=this.f,this.f()">click me!</td>

Comments

[gleendo]

Сергей Соколов Прям лучшие практики программирования...
Вот он посмотрит на ваш пример и будет так до конца жизни писать в таком стиле. Пофиг как написано, главное же работает, да...
Вы бы еще обфускатором прошлись.

[Сергей Соколов]

iamevg_: тут не W3C, чтобы исключительно лучшие практики рекомендовать. Типа, дорогой ТС, вы отложите-ка вашу задачу в сторонку, и вникните в то, как «положено» разрабатывать под веб.
Какой вопрос – такой ответ.