Добрый день! Подскажите реализацию такой задачи на javascript: на столе(странице) лежат 4 туза рубашкой вверх. вначале задается масть и нужно открыть туза данной масти т.е. при клике карта открывается и проверяется совпадение масти с заданным значением если масть не угадана дается следующая попытка и так до совпадения И есть кнопка 'начать заново'. Как лучше сделать такую задачу? На javascript или есть другой более эффективный способ? Буду благодарен за наводку либо за решение.
если не важно сохранить данные в тайне - то жс. если тайна важна то обработку лучше отдать какому-нибудь бэк-энду на том же пхп. для связи без перезагрузки страницы использовать жс.
Что касается перезагрузки то точно без нее, ну и в тайне тут хранить особо нечего. Я только начал изучать javascript, если можно ближе к решению, как именно хранить массив карт на странице и как открыть карту?
если все выполнять на стороне клиента то я с первого раза буду угадывать карту. оно так и задумано? почему тогда все карты лицом вверх сразу не положить? js выполняется в браузере и взаимодействует со страницей. собственно как удобно так и храните - хотите в нодах самих карт, хотите в переменных js. что касается открытия то тут тоже все просто - на действие пользователя нужно "убрать" карту в состоянии рубашки и "положить" карту в состоянии лица. решений задачи много. вы в каком направлении планируете двигаться?
В общем, к примеру покер в соцсетях - страница там не перезагружается, данные естественно тоже хранятся в тайне. Нужен тот же инструмент. Это javascript?
Короче, ясно, буду сам разбираться. Хотел чтоб кто-нибудь помог сдвинуться с мертвой точки на простом примере, хоть с одной картой.
добро пожаловать в суровый мир. я даю подсказки, вопрошающий - двигается в нужном направлении. если он не в состоянии этого сделать - он меняет свои деньги на мои знания. если будут какие-то вопросы - выкладывайте код, комментируйте ожидание и действительность и мы с удовольствием поможем. удачи.
во-первых, мы на ты не переходили. во-вторых, я лучше тебя знаю, что упорным трудом решаются любые проблемы. а те, кто не хочет трудиться - может оплатить труд другого человека. ведь другой человек не виноват в том, что он не ленился. так что ты посиди с учебничками, а как вопросы появятся - спрашивай. готовый код тут некоторые форумчане тоже иногда выкладывают. но тут вопрос дальнейшего использования - ты по этому коду научишься чему-нибудь или тебе нужна халява чтоб закрыть должок перед преподом в универе и пойти наслаждаться летом. удачи.
Ganzal, объясняю: эта минизадача нужна мне как отправная точка для намного более серьезной задачи, на php я писал алгоритмы в десятки раз сложнее и свой проект делал полностью сам с нуля, дошел до javascript которого не знаю, поэтому обратился с вопросом, что такое книга и труд можешь мне не объяснять, есть разные способы получения знаний. И лучше не злись на ленивых тупых студентов а сними капюшон и иди сам прогуляйся и проветрись. Удачи.
что-то я сомневаюсь, что задачи были сложнее в десятки раз. поясню. профессионализм не в знании инструмента, а в умении его применить. ты заявляешь, что решал задачи в десятки раз сложнее. значит с алгоритмизацией проблем нет. тогда какая разница на каком япе будет написан алгоритм? php, java, javacript, c++, perl? дальше перечислять? тебе просто для нужно взять соответствующие инструменты из выбранного япа. но ты-то тему начал с того что не представляешь как это делается. значит ты не решал задачи в десятки раз сложнее... слив не засчитан. еще попытка? может ты уже перестанешь пытаться меня задеть и будешь по своей теме вопросы задавать? раз ты в десятки раз сложнее задачи решал, значит умеешь формулировать не только оскорбления, но и вопросы.
Ganzal, алгоритм уже написан на php, но мне нужен javascript по вышеописанным причинам, если я увижу код минизадачи реализованный средствами js я пойму как преобразовать дальше и не буду зря рыться в книгах. P.S. За это время вместо пустой болтовни ты бы уже десять раз мог выложить решение задачи как специалист по этому вопросу и я бы не забыл твоей помощи, поверь.
вот этим все сказано. ты роешься в книгах а не черпаешь из них знания. уже давно бы залез на htmlbook или jquery и ознакомился с языком разметки как хранилищем на уровне браузера, и с мощным инструментов языка интерактивности вэб-страниц. потом в голове бы все это переварил и понял бы как что из этого нужно использовать. но ты роешься... да я-то могу себе позволить пустую болтовню. я тут на добровольных началах помощь оказываю. когда меня уважают - я помогаю от и до. бесплатно. но случаются ленивые лживые халявщики вроде тебя. да еще и опускаются до унижений в мою сторону. я на таких не обижаюсь. просто устраиваю пустую болтовню. оппонент ведь и сам себя с говном смешает... и меня на понт не надо брать. я могу сделать эту задачу и прокомментировать каждую лексему. вопрос - зачем мне бесплатно тратить время на ленивого лживого халявщика? намного интереснее где-нибудь в соседней теме помочь человеку, который значительно более отзывчив, уважителен и действительно хочет обучиться. удачи! PS. обожаю капюшоны. позволяют легко и быстро изолировать себя от окружающей действительности. а потом так же быстро вернуться обратно. PPS. гулять не пойду. во-первых, интересная работа в процессе. а во-вторых - непогода надвигается на столицу моей родины. ну что, закрываем тему из-за перехода на личности или ты все же начнешь выкладывать наработки, чтоб я тебя быстрее протащил до решения твоей задачи?
Если ты считаешь капюшон переходом на личности то можешь закрывать. Обрати внимание сколько раз перешел на личности ты. Добавлено спустя 3 минуты 33 секунды: У меня нету никаких препятствий чтобы это сделать, и я не понимаю почему ты так разошелся. Если подскажешь литературу по данному вопросу я буду тебе только благодарен. Ganzal, я не понял при чем здесь htmlbook который я давно знаю, при чем здесь, perl, с++ если мы остановились на том что нужен javascript + ajax??? Ты меня только запутал.. P.S. Меня как раз таки не надо никуда тащить, как ты это делаешь с разными немощными(извини за выражение) в соседних темах, я пришел за взаимопомощью и сотрудничеством.
да ты реальный дуб. без обид только. идея нумер 1. самая простая. получаем статическую страничку. уже в браузере генерируем список карт, навешиваем на карты слушатели кликов, по событию сверяемся со списком карт. реализуется быстро, но консоль кажет какую карту нужно ткнуть. не то. идея нумер 2. простая. генерируем страничку на сервере, помещая загаданной карте некий атрибут. уже в браузере навешиваем слушатели кликов, по событию сверяемся с атрибутом. просмотр исходного кода странице кажет нужную карту. опять не то. идея нумер 3. посложнее. генерируем список карт, запоминаем пакет. генерируем страницу с простой передачей этого идентификатора пакета. уже в бразуере раскладываем карты рубашкой вверх и навешиваем слушатели кликов. по событию обращаемся аяксом к бэкэнду передавая номер пакета и номер карты. бэкэнд открывает пакет и сравнивает присланный ответ с правильным. бэкэнд отвечает успех или неуспех. по ответу от бэкэнда решаем обрадовать пользователя или огорчить. уже ближе к теме. пользователь не видит правильной карты. а через счетчик в пакете можно ограничить кол-во попыток двумя-тремя. пожалуй нам это подходит. вот простое поверхностное описание алгоритма. дальше каждый пункт дробится на десятки маленьких и под них подбираются инструменты которыми эти микрозадачки решаются. а в целом система будет решать вот таким простым языком поставленную задачу. если ты решал задачи в десятки раз сложнее, то почему я от тебя до сих пор ни одного даже словесного алгоритма не увидел? ведь ты мог словами сформулировать, а я бы тебя мог поправить, верно? но ты видимо думаешь что я сразу от тебя PHP+JS+AJAX ожидаю. да зачем? ты ж в этом ноль, хотя бьешь себя пяткой в грудь утверждением, что это не так =) причем тут другие япы? ну генерировать пакет я могу на сях. а бэкэнд на джаве написать. да, обменом будет заниматься джаваскрипт. ведь у нас же поставлено условие без перезагрузки страницы. но как мы будем обмениваться? простой гет-запрос? простой пост-запрос? или пишем арписи? а какой формат арписи - иксэмэль или джейсон? соапчик? продолжать? видишь что получается? зная инструменты я могу одну и ту же задачу решить разным сочетанием разных инструментов. именно поэтому я тебе предложил почитать jquery. php ты вроде как знаешь, html тоже. значит быстро читаем про jquery, находим какие его методы помогают нам в решении задачи и решаем ее уже наконец. ты уже мог готовый код написать. но вместо этого ты тратил время на пустую болтовню.
Да ничего, зато бабы вешаются Еще неделя-две и вытресу из тебя готовый код )) Алгоритмы которые сложнее в десятки раз реализованы на php+mysql. Но это самый убогий вариант, приходится перезагружать страницу, постоянно обращаться к базе. Первоначально так сделал т.к. не знал других средств. А вот идею 3 сейчас буду реализовывать. А где ты работаешь? Freelance?
с учетом смысла термина фриланс - да, я - фрилансер. я меняю свои знания на деньги заказчика. у меня свой бизнес сразу в нескольких сферах. ну и периодически позволяю себе работать на дядю в формате официального трудоустройства у него. относительно программирования - по большей части это хобби, приносящее колоссальный доход...
И правильно делают. Но я не за халявой пришел. Хочу освоить новые инструменты и придумал минизадачку, в рассчете что накидают пару-тройку решений хотябы для разминки ума кому это интересно. Своим решением поделюсь в процессе.
Пробую открытие карт. Не срабатывает передача номера открываемой карты через функцию ( строка img.onclick=opencard(i) Ошибся в коде или это неверный способ? Какая есть альтернатива? Код (Text): <style type="text/css"> img { margin:30px 5px; cursor:pointer; border-radius:5px; } div { background-color:#999; } </style> <script type="text/javascript"> <!-- var cards= new Array("11.png","12.png","13.png","14.png","rub.png") function opencard(num) { var img=document.getElementsByTagName("IMG") for (var i=0; i<img.length;i++) { if(i=num) img[i].src=cards[num]; } } window.onload=function() { var img=document.getElementsByTagName("IMG") for (var i=0; i<img.length;i++) { img[i].src=cards[img.length]; img[i].alt=cards[i]; img[i].onclick=opencard(i); } } //--> </script> <div align="center"> <img /> <img /> <img /> <img /><br> </div> Картинки тут - http://myfolder.ru/files/36538300
Т.е. вопрос сводится к тому, как динамически работать с массивом элементов img. Задавать каждому свой id с порядковым номером типа id1, id2, id3, id4, но как тогда обратиться внутри функции к элементу, по которому кликнули, чтобы не писать для каждого id отдельную функцию, или можно вместо 'img' в document.getElementById('img') писать переменные, например document.getElementById(i)? Добавлено спустя 19 минут 27 секунд: С этим разобрался, через указание индекса [num] вконце - var img=document.getElementsByTagName("IMG")[num]; Вопрос другой почему при использовании 'img.onclick=opencard(i);' карты переварачиваются при загрузке страницы а не по клику. Код (Text): <style type="text/css"> img { margin:30px 5px; cursor:pointer; border-radius:5px; } div { background-color:#999; } </style> <script type="text/javascript"> <!-- var cards= new Array("11.png","12.png","13.png","14.png","rub.png"); function opencard(num) { var img=document.getElementsByTagName("IMG")[num]; window.alert(num); img.src=cards[num]; } window.onload=function() { var img=document.getElementsByTagName("IMG") for (var i=0; i<img.length;i++) { img[i].src=cards[img.length]; img[i].onclick=opencard(i); } } //--> </script> <div align="center"> <img /> <img /> <img /> <img /><br> </div>
На жс.ру за 10 минут набросали несколько решений. Как я и ожидал, все вмещается в пару функций, с которыми уже успел разобраться.