スパルタエンコーディングクラブ制作チャレンジ開発ログ1

13908 ワード

開発ログ解決策スパルタコードクラブ復習グループテキストリンク

初めてプロジェクトを試します.
私たちのチームは「解決策」をしています.
フロントで申し込んだ選手たちと一緒にコミュニケーションをとります.

初めて考えたページです.今は比べてみるともっと進歩したような気がします.
まず私にとって最大の問題は
1.バニラ...
2.入力値をホームページからモードウィンドウに渡す

これらの入力ウィンドウに内容を書き込むと、

htmlで設定した名前のみが表示され、値は渡されません.

<scripttype="text/javascript">
	functionbtnClick(){
		letname=document.getElementById("inputName").value;
		letquestion=document.getElementById("inputQuestion").value;

		console.log(name);
		console.log(question);
		}

	$(function(){
		$("#modal_btn").click(function(){
		$(".modal").fadeIn();
		});

		$(".modal_content").click(function()		{
		$(".modal").fadeOut();
		});

	});

</script>

コンソールで伝えることができますが、私はどうすればいいかをグーグルで一つ一つ代入した結果を使います!解决しましたよ!!!

<HTML>내용
 <!-- The Modal -->
    <div class="modal">
        <div class="modal_content"
             title="클릭하면 창이 닫힙니다.">
            <div class="popup_box"> <!-- 팝업 박스를 감싸는 부분 -->
                <!-- "(이름)님의 생각"이 들어가는 부분 -->
                <p class="name_box_name"><span class="name_box" id="name_modal" ></span>&nbsp;&nbsp;님의 생각</p>
                <!-- 해답 부분들을 감싸는 부분 -->
                <div class="main_box">
                    <!-- "(질문)에 대한 해답"이 들어가는 부분 -->
                    <div class="que_wrap">
                    <p class="que_box"><div id="question_modal"></div><br/>에 대한 해답</div>
                    <!-- img 삽입구간 -->
                    <div class="img_box"><img src="https://picsum.photos/420/250" class="img_box_1" alt="해답"></div>
                    <!-- 해답 넣을 구간 -->
                    <span id="random" class="que"></span>
            </div>
        </div>

JS(<script>部)

function btnClick() {
                    let name = document.getElementById("inputName").value; 
			이름 입력한 값 받아온다
                    let question = document.getElementById("inputGomin").value; 	
			고민 입력한 값 받아온다
                    document.getElementById("name_modal").innerText = `${name}`; 
                    	<-여기가 어려웠던 부분! 가져온 이름 모달창에 띄우기                    
                    document.getElementById("question_modal").innerText = `${question}`;  
                    	<-여기가 어려웠던 부분!가져온 고민 모달창에 띄우기
                }